HTML标签与属性
其基本语法为: <标记名称 属性名1="属性值1" 属性名2="属性值2" ......>内容
1、最基本标记:
<html></html>
<head></head>
<title></title>
<body></body>
2、标题
<h1>一号标题</h1>
<h2>一号标题</h2>
<h3>一号标题</h3>
<h4>一号标题</h4>
<h5>一号标题</h5>
<h6>一号标题</h6>
3、段落
<p></p>
4、缩进:
<blockquote></blockquote>
属于块级标签,在<blockquote>标记内的元素前后添加了换行,并左右都增加了边外距。
5、无序列表
<ul>
<li></li>
<li></li>
</ul>
6、有序列表
<ol>
<li></li>
<li></li>
</ol>
7、控制段落的水平位置
<center>居中</center>
对其属性:
<p align="left">aaaabbbb</p>
<p align="center">aaaabbbb</p>
<p align="right">aaaabbbb</p>
8、设置网页的背景色和文字颜色
<body text="blue" bgcolor="#ffff00">整个网页为蓝色字体黄色背景</body>
9、字体
face,size,color属性
<font face="黑色" size="4" color="red">
红色4号黑色字体
</font>
color属性值:black gray(深灰) silver(浅灰) green purple(紫) yellow white red orangy oyan(青色、蓝绿色)
RGB调色方式:
<font color=”#FFFFFF” >
白色字体
</font>
对应关系:white(#FFFFFF)red(#FF0000) 桔色orange(#FF8000)yellow(#FFFF00)silver(#C0C0C0) gray(#808080)purple(#800040) green(#00FF00)oyan(#00FFFF)blue(#0000FF) black(#000000)
10、文字的特殊样式:.
文字以<u>下划线方式</u>显示)
文字以<s>删除</s>显示
文字以<big>放大</big>显示
文字以<small>缩小</small>显示
文字以<b>粗体</b>显示
文字以<strong>强调strong</strong>显示
文字以<i>倾斜</i>显示
文字以<em>强调em</em>显示
em和strong的区别:
em 表示强调,strong 表示更强烈的强调。言简意赅,表明了 em 和 strong 的命名来历。并且在浏览器中,em 默认用斜体表示,strong 用粗体表示。
em 用来局部强调,strong 则是全局强调。从视觉上考虑,em 的强调是有顺序的,阅读到某处时,才会注意到。strong 的强调则是一种随意无顺序的,看见某文时,立刻就凸显出来的关键词句。斜体和粗体刚好满足了这两种视觉效果,因此也就成了 em 和 strong 的默认样式。
em 表示内容的着重点(stress emphasis),strong 表示内容的重要性(strong importance),strong 不会改变所在句子的语意,em 则会改变所在句子的语义。并且举了一个非常好的例子:
<p><em>Cats</em> are cute animals.</p>
强调猫,讨论的是哪种动物聪明可爱。
<p>Cats <em>are</em> cute animals.</p>
强调是,讨论的是猫是不是聪明可爱。
<p>Cats are <em>cute</em> animals.</p>
强调聪明可爱,讨论的是猫究竟是聪明可爱呢还是愚蠢讨厌。
<p><strong>Warning.</strong>
This dungeon is dangerous.<strong>Avoid the ducks.</strong>
Take any gold you find. ```
<strong>
<strong>
Do not take any of the diamonds
</strong>
they are explosive and
<strong>
will destroy anything within ten meters.
</strong>
</strong>
```
strong 表示的是重要性上的强调,不会引起句子意思的变化。最后注意 em 和 strong 都可以有多重,比如可以用两个 strong 来表示内容很重要。
在默认的 HTML 样式表定义中,b 和 strong 的样式一样,为 { font-weight: bolder };而 em 的默认样式为 { font-style: italic },与 i 相同。 b 和 i 仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」。
- 标记互相嵌套顺序可调换:
```
<b>
<i>
粗体倾斜
</i>
</b>
<i>
<b>
<font color="gray">
倾斜粗体灰色
</font>
</b>
</i>
```
11、特殊文字符号:
©版权所有 ©版权所有
® 注册商标 ®注册商标
& 表示&
表示空格
x>y x>y
x<y x<y
x÷y x÷y
x±y x±y
3‰ 3‰
x↔y x↔y
x⇔y x⇔y
x<sup>2</sup> x2
O<sub>2</sub> O2
12、空元素的标记即不成对的标记
换行<br/>
水平线<hr/>
13、注释文本
<!-这是注释文本-->
14、路径
1文本路径:
“../”表示返回上一层
2设置图片尺寸和图像的替换文本<img src="cup.gif" width="64" height="128" alt="杯子图像"/>