1.3.2标签

1.3.2.1语法


1 <>闭合:

与之对应,自闭合的,如
2 标签可以带一个或多个属性
3 嵌套,闭合时应注意嵌套顺序,先闭合后闭合
4 注释注释内容用户不可见

书写规范

1 书写用小写
2 属性值用双引号
3 标签有嵌套应进行统一的缩进,代码清晰维护方便

常用属性

id只能出现一个


class可以多个出现

style
title额外信息

1.3.2.2章节标签

文档章节

  • body
  • header 章节或页面的头部
  • nav 导航性质
  • aside 和主要内容不相关的内容
  • article 可嵌套,主要内容
  • section 文档中的区域或一节,相邻相关
  • footer 章节或页面的尾部
  • hx

标题(h1-h6)

重要性的差别,重要性递减

1.3.2.3文本标签

文本

超链接

-a

  • 创建指向另一个文档的连接
 科技
电影 
财经

还有一种情况:target="inner"
默认情况下,在当前窗口打开

  • 创建一个文档内部的锚点
下单支付
下单支付…
  • 连接到email地址
联系我们
13612345678
联系我们(抄送)

邮箱地址可为多个

强调

-em,strong
strong是比em更强的强调,em是斜体,strong是粗体。

39元 市场价45元

行内容器

-span
不一样的样式,给标签一特定的样式

换行

-br

一行文字
我想另起一行

引用

-cite
-q

鲁迅在故乡中写道地上本没有路,走的人多了,便有了路

代码

-code

function say(){alert("hello world");}

格式化

-b 粗体
-i 斜体

HTML是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

其中标记为关键字加粗

该项目采用html,css等实现。

html css 标记为斜体

1.3.2.4组标签

分区

div
div本身无语意,用来分区。div为其他标签的容器

段落

p
p标签表段落

列表

ul ,ol,dl
分为三种,无序列表,有序列表,自定义列表。

  • 无序列表
  • 列表一
  • 列表二
  • 列表三
  • 有序列表
  1. 排行一
  2. 排行二
  3. 排行三

有序列表可以实现a,b,c, 排序

表示从b开始。

  • 自定义列表
作者
Cbuck Musiano
Bll Kennedy
出版年
2007-4

如问题回答列表,元素,书的信息。dt只能有一个,dd可以有多个。呈现如下:
作者
Cbuck Musiano
Bll Kennedy
出版年
2007-4
列表可以嵌套

其它标签

  • pre
    经过格式化的内容保存在pre标签下,可保存换行符和空格
  • blockquote
    表示大段的引用

1.3.2.5 资源标签

  • img
  • iframe
  • object
  • embed
  • video
  • audio

img

如音乐专辑封面

![封面](http://p4.music.126.afdf.jpg?parm=200y200)

src后为图片地址,若不能显示则为alt后的封面图片

iframe

嵌入页面,如网站广告