四、 “段落与文字”(绿叶学习网)

  1. 静态页面绝大部分由4类元素组成:文本、图形、多媒体文件(视频音频)和超链接。

  2. 不是具有“会动”的元素(如视频、Flash等)的页面就叫动态页面。判断页面是否动态页面或静态页面的标准在于:是否与服务器进行交互。

  3. 在“段落与文字”这一章我们至少要学习以下内容:
    (1)标题标签
    (2)段落标签
    (3)文本标签
    (4)换行标签
    (5)水平线标签
    (6)特殊符号

  4. 对于一个HTML文档,往往包含有各种级别的标题。在HTML中,共有6个级别的标签:<h1><h6>。<h1>到<h6>标签中的字母h是英文header的简称。作为标题,它们的重要性是有区别的,其中<h1>标题的重要性最高,<h6>标题最低。在此说明一下,一般一个页面只能有一个<h1>,而<h2><h6>可以有多个。标题标签<h1>~<h6>是有顺序的。对于六个标题标签,在一个网页,你不需要全部都用上。标题标签的级别越高,字体越大。

  5. 在HTML中,使用p标签来标记一段文字。段落标签会自动换行,并且段落与段落之间有一定的空隙。换行,有2种办法:一是采用两个<p>标签;二是采用换行标签
    。用<p>标签会导致两文字段落之间有一定空隙,而换行标签
    则不会。
    用来给文字换行,而<p>标签用来给文字分段。换行标签是[自闭合标签],其中br指的是“break(换行)”。--段落标签:<p></p>。换行标签:

  6. 在HTML中,对文本加粗,可以使用2个标签:<b>或<strong>。<b>标签和<strong>标签加粗的效果是一样的。但是在实际开发中,想要对文本加粗,尽量用<strong>标签,不要用<b>标签,这是由于<strong>标签比<b>标签更具有语义性。

  7. 斜体标签<i>、<cite>、<em>。对于要对文本进行斜体设置,尽量用<em>标签,其他两个用得极少。

  8. 上标标签:要想将某个数字或文本变成上标形式的效果,就把这个数字或文本放在标签对内。下标标签:要想将某个数字或文本变成下标形式的效果,就把这个数字或文本放在标签对内。

  9. 大字号标签<big>和小字号标签<small>:大字号标签和小字号标签在实际开发中极少使用,因为这两个标签都是纯样式标签,我们可以用CSS来控制字体的大小。

  10. 删除线标签<s>:s标签用来呈现那些不再准确或不再相关的内容。在实际开发中,删除线效果一般用于商品标价中,大家在淘宝天猫中经常能看到这样的效果。在我们学了CSS之后,对于删除线效果,一般采用CSS实现,极少使用<s>标签实现。

  11. 下划线标签<u>:在实际开发中,对文本实现下划线效果,我们往往都是使用CSS来实现,大家可以完全忽略这个u标签。

<strong> strong(加强) 加粗
<em> emphasized(强调) 斜体
<cite> cite(块引用) 斜体
superscripted(上标) 上标
subscripted(下标) 下标

  1. 在HTML中,水平线标签是


    ,它是一个自闭合标签。hr,指的是horizon(水平线)。

  2. div标签,主要用来为HTML文档内大块的内容提供结构和背景。div,即division(分区),用来划分一个区域。div标签,又称为“区隔标签”。“div+css”中的div就是指我们现在学习的div标签。div标签内可以放入<body>标签的任何内部标签:段落文字、表格、列表、图像等。使用div标签划分区域的代码更加具有逻辑性。

  3. 为了使得每个段落首行缩进,我们要在段落前加入空格。空格的HTML代码是“ ”。

  4. 往网页中输入特殊字符,需要在HTML代码中输入该特殊字符相对应的代码。这些特殊字符相对应的代码都是以“&”开头,以“;”(注意是英文分号喔)结束的。
    可输入的特殊符号:
    " 双引号(英文) "
    ‘ 左单引号 ‘
    ’ 右单引号 ’
    × 乘号 ×
    ÷ 除号 ÷
    < 小于号 <

大于号 >
& 与符号 &
— 长破折号 —
| 竖线 |
说明:这些所谓的特殊符号,要想在网页中显示出来,你有两种方式:一是直接在网页HTML代码中输入该字符,二是用在HTML代码输入该字符所对应的代码。
难输入的特殊符号:
特殊符号 名称 代码
§ 分节符 §
© 版权符 ©
® 注册商标 ®
™ 商标 ™
€ 欧元 €
£ 英镑 £
¥ 日元 ¥
° 度 °

  1. (1)一般标签由于有开始符号和结束符号,可以在标签内部插入其他标签或文字;
    (2)自闭合标签由于没有结束符号,没办法在内部插入其他标签或文字,只能定义自身的一些属性。

  2. <meta/>定义页面的说明信息,供搜索引擎查看。
    <link/>用于连接外部的CSS文件或脚本文件。
    <base/>定义页面所有链接的基础定位。

    用于换行。


    水平线。
    <input/>用于定义表单元素
    <img/>图像标签。

19.标签又叫“元素”。 在浏览器的显示效果中,有些元素(即标签)它是独占一行的,别的元素不能跟这个元素位于同一行,如<h1>~<h6>、<p>、<div>等;而有些元素它是可以跟其他元素位于同一行,如<strong>、<em>、<u>等。在这里,所谓的“独占一行”并不是在代码中独占一行,而是在浏览器显示效果中独占一行。HTML元素根据表现形式,可以分为2类:
(1)块元素(block);
(2)行内元素(inline);
任何HTML元素都属于这两类中的其中一类。

  1. 块元素在浏览器默认显示状态下将占据整行,排斥其他元素与其位于同一行。块元素一般为矩形,可以容纳行元素和其他的块元素。
    表1 常见块元素
    div div层
    h1~h6 1到6级标题
    p 段落,会自动在其前后创建一些空白
    hr 分割线
    ol 有序列表
    ul 无序列表
    块元素的特点是:
    (1)独占一行,排斥其他元素跟其位于同一行,包括块元素和行内元素;
    (2)块元素内部可以容纳其他块元素或行元素;

  2. 行内元素与块元素恰恰相反。行内元素默认显示状态可以与其他行内元素共存在同一行。
    表1 常见行内元素
    行内元素 说明
    strong 加粗强调
    em 斜体强调
    s 删除线
    u 下划线
    a 超链接
    span 常用行级,可定义文档中的行内元素
    img 图片
    input 表单
    行内元素的特点是:
    (1)可以与其他行内元素位于同一行;
    (2)行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知的效果;

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