HTML学习笔记(2)---文字标签

文字是网页设计的基础部分,设置好文字的样式,可以起到事半功倍的效果,通常可以使用两种方法。

第1种方法是直接使用HTML标记进行设置,如:使用粗体标记<B>将文本设置为加粗样式。

第2种方法是使用css,层叠样式表。

HTML定义了6级标题,1-6级,标题文字随级数增大依次减小。

<h1>h1的效果</h1>

<h2>h2的效果</h2>

<h3>h3的效果</h3>

<h4>h4的效果</h4>

<h5>h5的效果</h5>

<h6>h6的效果</h6>

利用align 属性可以实现标题文字水平方向左、中、右的对齐方式。   align=“left / center / right”

测试实例一如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body >
    <font  color="#FF0066"  size="+6"  >字体设置</font>
      <h1>这个是h1的效果</h1>
      <h2>这个是h2的效果</h2>
      <h3>这个是h3的效果</h3>
      <h4>这个是h4的效果</h4>
      <h5>这个是h5的效果</h5>
      <h6>这个是h6的效果</h6>
      <h7>这个是h7的效果</h7>
      <h8>这个是h8的效果</h8>
    </body>
</html>

测试程序实例二:

<HTML>
	<HEAD>
		<title>字体对齐方式</title>
  </HEAD>
  <BODY>
  	<h1 align="left">left的效果</h1>
  	<h2 align="center">center的效果</h2>
  	<h3 align="right">right的效果</h3>
  </BODY>
</HTML>

HTML文字设置:

<B>设置文字以粗体的方式显示。语法<B>…</B>

<I> 设置文字以斜体显示。语法<I>…</I>

<EM>效果同<l>语法<EM>…</EM>

<SUP>设置文字以上标文本效果显示。语法<SUP>…</SUP>

<SUB>设置文字以下标文本效果显示。语法<SUB>…</SUB>

<U>设置文字以下划线显示。语法<U>…</U>

<S>设置文字以删除线显示。语法<S>…</S>

<FONT>控制的字体、大小和文字。

语法:

<FONT face=“字体”,size=“文字大小”,color=“颜色值”>…</FONT>

face 控制文字使用的字体

size 控制文字的大小

color 设置文字颜色

测试实例三:

<HTML>
   <HEAD>
	<title>字体设置</title>
  </HEAD>
  <BODY>
  	<B>粗体</B><br>
  	<I>斜体</I><br>
  	<EM>斜体</EM><br>
  	字体<SUP>上标</SUP><br>
  	字体<SUB>下标</SUB><br>
  	<U>下划线</U><br>
  	<S>删除线</S><br>
  </BODY>
</HTML>
时间: 2024-09-30 00:19:02

HTML学习笔记(2)---文字标签的相关文章

HTML&CSS基础学习笔记3-HTML的标签语法

HTML标签语法 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签. 2. HTML中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/.如: <p></p> 3.标签的内容是开始标签与结束标签之间的内容,如:<h1>这是标题</h1>. 4. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div

Html5学习笔记1 元素 标签 属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<

html5学习笔记——html保留标签(三)

 列表和表格 这次也是复习. 列表: 列表分为无序列表.有序列表.标题列表 很简单,看代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 列表 <br/> 无序列表 <ul>a</ul> <ul>b</ul> &l

html5学习笔记——html保留标签(一)

html5保留了之前很多基本标签,来,我们复习一下. <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>师然的博客--h5保留的常用

HTML&amp;CSS基础学习笔记1.20-DIV标签2

<span>标签 标签div把文档分割为独立的.不同的部分,而在HTML中,<span>标签则被用来组合文档中的行内元素. 看个实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>给页面

学习笔记_Java_day13_JSTL_自定义标签库(9)

自定义标签 1 自定义标签概述 1.1 自定义标签的步骤 其实我们在JSP页面中使用标签就等于调用某个对象的某个方法一样,例如:<c:if test=””>,这就是在调用对象的方法一样.自定义标签其实就是自定义类一样! l  定义标签处理类:必须是Tag或SimpleTag的实现类: l  编写标签库描述符文件(TLD): SimpleTag接口是JSP2.0中新给出的接口,用来简化自定义标签,所以现在我们基本上都是使用SimpleTag. Tag是老的,传统的自定义标签时使用的接口,现在不建

HTML5学习笔记-3.文字与排版技巧

1.段落样式标记: (1)<p></p>标记:成对标记,将<p>标记置于段落起始处,</p>置于段落结尾 语法:<p>...</p>,效果:换行并增加一个空行 (2)<br>标记:单一标记,效果:换行,语法:第一行<br/>第二行 注:HTML5不仅符合HTML标准也遵循XHTML标准,XHTML语法比HTML严谨而且简介,在XHTML语法中规定不成对的单一标记必须在标记后加上"/"符号,例

HTML学习笔记——块级标签、行级标签、图片标签

1>块级标签.行级标签 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

【HTML5】学习笔记2(常用标签2)

<form></form>表单标签<form action="" method="post" enctype="">          表单数据  </form>action:向何处发送表单数据,这个属性值是一个URL地址,如果不填写会提交到前页method:可选值为get和post,默认值为getenctype:设置表单数据在发送到服务器之前该如何编码.一般情况下不会用到,但是数据上传的时候要用到

JavaWeb学习笔记——JSTL核心标签库