学习html无从下手,就在w3school的html手册按着教程学习了下。
什么是html?
html是指超文本标记语言,即Hyper Text Markup Language
html不是一种编程语言,是一种标记语言(markup language)
标记语言是一套标记标签(Markup tag)
html使用标记标签来描述网页
我们随便打开一个网页,鼠标点击右键=>查看网页源代码,即可看到html网页的标记语言。
html的组成:html由标签和文本组成,通常我们将它称之为html文档,也叫做网页。浏览器读取html文档兵役网页的形式显示他们(注释不会显示)
html标签是由尖括号包围的关键词,通常成对出现,一个是开始标签(开放标签)一个是结束标签(闭合标签)向<br> 和<hr>标签是单个标签。
<h1>~<h6>定义
html标题<h1>到<h6>定义的标题依次减小,此标签还有个可选属性(不赞成使用):align,选择对齐方式(属性值有left左对齐,center中心对齐,right右对齐, justify两端对齐)。比如:
<h1 class="h1" align="left">这是标题h1 | 应用属性align="left"</h1> <h2 class="h2" align="center">这是标题h2 | 应用属性alig="center"</h2> <h3 class="h3" align="right">这是标题h3 | 应用属性align="right"</h3> <h4 class="h4" align="justify">这是标题h4 | 应用属性align="justify"</h4> <h5 class="h5">这是标题h5</h5> <h6 class="h6">这是标题h6</h6>
效果显示如下:
<p>标签定义段落
和上面一样它也有个align属性,也是不赞成使用。
<p align="left">这是段落。align="left"</p> <p align="center">这是段落。align="center"</p> <p align="right">这是段落。align="right"</p> <p align="justify">段落元素由 p 标签定义。</p>
上面的效果如下:
<br>定义简单的折行
它有clear属性。通常情况下,<br> 标签会告诉浏览器立即停止当前的文本流,并在下一行的左边,或者在左对齐的内联图形或表格的右边开始继续输出文本流。文本流中的其他行会在内联图像的底部显示,除非图形的 <img> 标签被设置为左对齐或右对齐(对于 <table> 标签也一样)。因此,<br> 标签的 clear 属性只对这些左对齐或右对齐的图像或表格起作用。
具体的实例请看<br> 标签的 clear 属性
<hr>定义水平线
它有四个可选属性:align(和上面一样,但是没有justify属性值),noshade(属性值为noshade),size,width
后三个分别规定了hr 元素的颜色呈现为纯色,hr 元素的高度(厚度),hr 元素的宽度。举例:
<p>noshade规定hr 元素的颜色呈现为纯色, 属性设置为 noshade="noshade" 如下:<hr noshade="noshade"></p> <p>size规定 hr 元素的高度(厚度), 属性设置为 size="20" 如下: <hr size="20"></p> <p>width规定 hr 元素的宽度, 属性设置为 width="800" 如下: <hr width="800"></p> <p>或者 width="50%": <hr width="50%"></p>
显示如下:
html标签有许多通用的属性,包括16种标准属性和79种事件属性。标准属性中常用到的只有class,id,title这几个(class几乎每个标签都要用到),事件属性用到的就多了,这里就不列举了。大家可以自行插看。