【学习笔记】HTML标签小结

<注>本文仅为个人的学习笔记,如有错漏,请多包涵、指教。


HTML标签的语义化,可以让网页更好的被搜索引擎理解。

:文章段落,自带样式是段落前后自动留白,可通过编写css消除。

:文章的标题,h1,h2,h3,h4,h5,h6,默认字体均加粗,文字大小按此顺序递减。

:语气强调,默认斜体字。

:语气更强烈地强调,默认加粗字体。

:没有语义,通常用来为文字设置单独的样式。

:短文本引用。

:长文本引用。浏览器对此标签的解析是左右均有缩进。


:分行现实文本,即,换行。

    :一个空格。注意这里的空格符是以&开始,以 ; (分号)结束的。


:添加水平横线。(有默认样式,可以通过css改变)

:为网页加入地址信息。(默认斜体字,单独成一段,段落上方有留白)

:加入一行代码,代码预言

                              例:var i=i+30;  或  {background:#0064ca}

:加入多行代码,
语言代码段
。默认另起一个段落,保存了代码中的格式,无需另外写入换行符和空格符等。

    :无序列表,多用于新闻列表这种不需要顺序的列表。

      :有序列表,多用于Top榜单这种需要顺序的列表。

      :划分独立的逻辑部分(就是我们常说的栏目版块之类的),相当于一个容器。可以用 id 这个属性给 div 命名,命名需唯一。

      :table中还包含着一些标签,caption , tbody , tr , th , td 。table默认没有表格边框。


      【学习笔记】HTML标签小结_第1张图片


      【学习笔记】HTML标签小结_第2张图片

      :超链接,连接到另一个页面。


      【学习笔记】HTML标签小结_第3张图片

      :为网页插入图片。


      :表单交互。表单把浏览者输入的数据传送至服务器。下面的所有标签都属于表单控件,必须放在标签中。

                     ……

      :文本/密码输入框;提交/重置按钮;单选/复选框。