《HTML&CSS设计与构建网站》第二章 文本
2018-03-14 10:12
435 查看
结构化标记:可用来描述标题和段落的元素。
语义化标记:表达特定含义的标记。(例如表示强调,引用等)
<h1>用在主标题,<h2>用在副标题。
与<strong></strong>标签的区别<b></b>标签的加粗只是为了加粗;<strong></strong>标签加粗是为了突出重点;在网页中使用<strong></strong>突出的内容更容易被网页搜索蜘蛛搜索到。<i>:与<em></em>标签的区别
与<b>标签类似
<sub>下标
<hr/>:插入一条水平线。
空元素(单标签的):其起始标签和结束标签间不含任何文字。<hr />注意是hr+空格+斜杠。但是一般都省略空格了。
下面介绍语义化标记:
引用:<blockquote>较长,类似于段落的引用,会缩进一段文本。
<q>较短,会在标签的内容两侧加上引号。
缩写:要使用缩写词或者首字母缩写词,用<abbr>。其title特性用来指定相应词汇的完整形式,鼠标悬停时间出发显示它。(HTML4中定义了同功能的<acronym>标签)
引文和定义:<cite>引用一些作品时,表示引用来源。HTML5中不可用在人名,但是很多人还是继续用。会把内容显示为斜体。
<dfn>在文档中解释新术语的定义。(一般不会改变外观,有浏览器会显示斜体)
设计者信息:<address>内容斜体显示。
内容的修改:<ins>显示已插入到文档的内同,带有下划线。<del>删除的文本,其实还是显示,带删除线。<s>表示不准确或者不相关却并不应当删除的内容,带有从中穿过的线条。
疑问:<br>,</br>,<br/>的区别,在浏览器中都能实现功能,百度中有人提到自闭和这个概念。
而<hr>和<hr/>可以实现功能,</hr>不行。可以解释一下么。
语义化标记:表达特定含义的标记。(例如表示强调,引用等)
标题:
<h1><h2><h3><h4><h5><h6><h1>用在主标题,<h2>用在副标题。
段落:
<p>:默认情况下,浏览器在显示段落时会另起一行兵与后续段落保持一定距离。粗体和斜体:
<b>:与<strong></strong>标签的区别<b></b>标签的加粗只是为了加粗;<strong></strong>标签加粗是为了突出重点;在网页中使用<strong></strong>突出的内容更容易被网页搜索蜘蛛搜索到。<i>:与<em></em>标签的区别
与<b>标签类似
上标和下标:
<sup>上标<sub>下标
空白:
通过补充空格和换行的方式编写代码,当浏览器遇到两个或者两个以上的连续空格,只显示为一个空格。遇到一次或多次换行,浏览器也会将其看作一个空格。(注:这里是键盘的输入,不是 一级</br>标签)换行符和水平线:
<br/><hr/>:插入一条水平线。
空元素(单标签的):其起始标签和结束标签间不含任何文字。<hr />注意是hr+空格+斜杠。但是一般都省略空格了。
下面介绍语义化标记:
语义化标记:
调强:<strong>粗体<em>斜体引用:<blockquote>较长,类似于段落的引用,会缩进一段文本。
<q>较短,会在标签的内容两侧加上引号。
缩写:要使用缩写词或者首字母缩写词,用<abbr>。其title特性用来指定相应词汇的完整形式,鼠标悬停时间出发显示它。(HTML4中定义了同功能的<acronym>标签)
引文和定义:<cite>引用一些作品时,表示引用来源。HTML5中不可用在人名,但是很多人还是继续用。会把内容显示为斜体。
<dfn>在文档中解释新术语的定义。(一般不会改变外观,有浏览器会显示斜体)
设计者信息:<address>内容斜体显示。
内容的修改:<ins>显示已插入到文档的内同,带有下划线。<del>删除的文本,其实还是显示,带删除线。<s>表示不准确或者不相关却并不应当删除的内容,带有从中穿过的线条。
疑问:<br>,</br>,<br/>的区别,在浏览器中都能实现功能,百度中有人提到自闭和这个概念。
而<hr>和<hr/>可以实现功能,</hr>不行。可以解释一下么。
相关文章推荐
- HTML&CSS设计与构建网站(html)
- HTML&CSS设计与构建网站(二)
- HTML & CSS设计与构建网站
- HTML&CSS设计与构建网站(一)
- 《HTML&CSS设计与构建网站》第一章 结构
- HTML&CSS设计与构建网站笔记1
- 《HTML&CSS设计与构建网站》第七章 表单
- <HTML & CSS设计与构建网站>书评
- 《HTML & CSS设计与构建网站》书评之-异类的风格,不一样的效果
- 《HTML&CSS设计与构建网站》第五章 图像
- 《HTML&CSS设计与构建网站》第八章 其他标记
- 《HTML&CSS设计与构建网站》第九章 Flash视频和音频
- 《HTML&CSS设计与构建网站》第三章 列表
- 《HTML&CSS设计与构建网站》第六章 表格
- HTML&CSS设计与构建网站(css)
- 《HTML&CSS设计与构建网站》第四章 衔接
- 程序员的图画书:《HTML&CSS设计与构建网站》
- HTML&CSS构建网站链接
- HTML&CSS构建网站链接
- HTML&CSS构建网站链接