《WEB前端全栈成长计划第一阶段》第三章——常用标签

举报
华束隐 发表于 2020/06/11 19:35:26 2020/06/11
【摘要】 一、标题a) <h1>~<h6>标签用于定义标题,其中<h1>的重要性最高,<h6>的重要性最低。b) <h1>标签通常用于最顶层的标题c) 一个HTML文档中通常只有一个<h1>标题二、段落a) <p>标签用于定义段落,浏览器会自动在其前后创建一些空白b) <p>中文字行数取决于浏览器窗口的宽度c) <p>中的连续...

一、标题

a)       <h1>~<h6>标签用于定义标题,其中<h1>的重要性最高,<h6>的重要性最低。

b)       <h1>标签通常用于最顶层的标题

c)        一个HTML文档中通常只有一个<h1>标题

二、段落

a)       <p>标签用于定义段落,浏览器会自动在其前后创建一些空白

b)       <p>中文字行数取决于浏览器窗口的宽度

c)        <p>中的连续空格最终都将解析成一个空格

d)       如果需要在<p>中添加多个空格,使用”&nbsp;“,一个符号表示一个空格。需要几个放几个。

三、列表

a)       无序列表

                                 i.            使用<ul>标签定义无序列表,<li>标签定义列表项。无序列表的含义是列表项内容没有先后顺序。

                               ii.            可以在<ul>标签上使用type属性定义图形符号的样式

1.        disc:点

2.        square:方块

3.        circle:空心圆

b)       有序列表

                                 i.            使用<ol>标签定义无序列表,<li>标签定义列表项,有序列表中的每一项有顺序含义。

                               ii.            有序列表的前缀通常为字母或数字。

c)        自定义列表

                                 i.            使用<dl>标签定义自定义列表,内部可以有多个列表项。每个列表项用<dt>定义标题,用<dd>定义列表项。

                               ii.            <dl>标签定义了自定义列表(definition list)

                              iii.            <dl>标签用于结合<dt>(定义列表中的项目)和<dd>(描述列表中的项目)

四、链接

a)       链接:链接是HTML页面最重要的一环,如果没有链接,每个HTML页面将会孤独的存在,与其他页面将不会有联系

b)       链接标签:<a>标签是anchor的缩写。用于定义网页链接

c)        链接属性

                                 i.            href属性表示链接的地址,可以是相对地址或绝对地址

                               ii.            target属性表示点击链接后打开的方式,默认值为“_self”代表在当前窗口打开新链接。除此以外,还可以设置成“_blank”,代表在新的窗口中打开。

                              iii.            若想统一设置打开方式,可以在头部<head></head>用<base target="">统一设置

五、图片

a)       img标签用户预定义一张图片,属于单标签结构。它有两个属性src表示图片的地址,alt表示当前图片无法显示时的替代文本

b)       图片地址可以使用相对地址或绝对地址

c)        alt属性不要省略,目的是为了更好地兼容无图浏览器,图片会提示成alt属性内的文字

d)       在img标签上,还可以通过增加height属性和width属性来设置图片的高度和宽度。

六、结构标签

a)       div标签

                                 i.            div是division的含义,用来划分区域,代表网页中的块。所以一般把它叫做块标签

                               ii.            div标签通常用于包围大块内容,它没有任何特殊的含义

                              iii.            div适合作为最特殊的页面容器

                              iv.            div是块级元素

b)       span标签

                                 i.            span是内联标签,用在一行文本中,用来修饰文字

                               ii.            span是内联元素


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。