基本标记

2017-06-27  本文已影响0人  hyt222

1.段落

在不同的显示器、浏览器窗口,为了保证你能看到所有东西,浏览器会忽略我们在 html 中的回车、换行和空格,认为都是一个空格。

我们需要有一些 HTML 的标记用来告诉浏览器段落开始与结束。

HTML 的标记仅仅是告诉浏览器它是什么,它长成什么样由浏览器和样式表(CSS)共同决定。如果没有样式表,根据浏览器默认的方式。

HTML 的标记是有内在意义的。

<p></p> 表明一个段落,段与段之间显示空行。

<br> (<bt/>)在一段里面出现分行。没有结束标记。

<h1></h1>第一级标题,总共有6级标题。数字越大级别越低。单独占据一行,前后文字被分在另外两行。标题前后不加<br> 。

Chrome浏览器显示效果

HTML5 新加入的标记 <wbr></wbr>针对英文,指定这个单词可以被分开,告诉浏览器需要的话可以分开。

HTML5 <hgroup></hgroup>如果有两层连续标题,告诉浏览器这里是连续的但是有两个标记。

因为 h1-h6 的标记对于浏览器来说是它用来形成你这篇文档的结构图的重要依据,要根据标题级别决定文档有怎样的树状结构,所以需要通过这些手段告诉浏览器结构如何排列。


2.字体样式

HTML 有几个用于表达格式而不是结构的标记。

<b></b> 加粗     <i></i> 斜体     这两个标记可以嵌套

<tt></tt> 打印机字体 等宽西文字体(英文)

<small></small> 字小一些

以上标记都可以用样式表(CSS)来实现这些视觉效果,最好能用CSS实现。

<del></del> 删掉      <ins></ins> 加上去

告诉浏览器这些文字是我删除(添加)的,显示是浏览器根据自己的默认样式表显示的,不是格式是结构。

<s></s> 不被提倡使用(过时的),并不是被删除的。

上标 <sup></sup>     下标 <sub></sub>   可嵌套 HTML 不能表达很复杂的数学式子。

HTML5 新增加的数学标记 <mark></mark> 标注


chrome浏览器显示效果

3.短语格式

在一行当中用来表达一些特别的格式,可以被看作是一些格式,更多的是表达一种意思。这一段文字应该是什么样的内容,而不仅仅是应该表现成什么样子。

不引起断行 chrome浏览器显示效果
上一篇 下一篇

猜你喜欢

热点阅读