基本标记

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浏览器显示效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,295评论 6 512
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,928评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,682评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,209评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,237评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,965评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,586评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,487评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,016评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,136评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,271评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,948评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,619评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,139评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,252评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,598评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,267评论 2 358

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,755评论 1 92
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 2,032评论 2 15
  • 1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、Ja...
    程序猿人王小贱阅读 1,875评论 1 11
  • 1. 介绍 浏览器可能是最广泛使用的软件。本书将介绍浏览器的工作原理。我们将看到,当你在地址栏中输入google....
    康斌阅读 2,022评论 7 18
  • 夜半闻儿噎呜,抱起不住啼哭。伫凝眉细探,梨花带雨何故?吃奶,尿裤,稚童别无他顾。
    熊猫大麻糍阅读 310评论 2 1