html5

html5

1.基础语法

1.1基本结构

• HTML⽂文件的扩展名为 .html或者 .htm

• HTML⽂文本的结构包括“头”部分（head）、和“主体”部分（body），其中“头”部提供关于⽹网⻚页的信息，“主体”部分提供⽹网⻚页的具体内容

• HTML是由： 标签 和 内容 构成, 每个HTML⻚页⾯面都有两部分构成(head头和body体)，其最外层是 … 标签包裹

• HTML标签（标记）的语法是由 < 和 > 括起来。

• HTML标签有两种： 双标签 ： <标签名>…</标签名> 和 单标签 ： <标签名 />

• HTML标签中还可以添加属性： <标签名 属性名1=“值1” 属性名2=“值2” 属性名n=“值n”>…</
  标签名>

• HTML标签规范：标签名⼩小写、属性使⽤用双引号、标签要闭合。规范不不遵守浏览器器不不会报错，会尽量量解析，无法解析会不显示效果

1.2注释

  <!-- 这就是唯一的种HTML注释了   -->

1.3html头部

• head标签作⽤用于⽹网⻚页的头部，它的内容不不会在正⽂文中显示出来，主要完成对当前⻚页⾯面的各种设置

• 在head中常包含如下⼦子标签：

  • 标签	描述	示例
    	定义了文档的标题	网页标题:
    	定义了页⾯面链接标签的默认链接地址	<base href=“http://www.***.com/“brtarget=”_blank”>
    	定义了一个文档和外部资源之间的关系	导入CSS文件<link type=“text/css” rel=“stylesheet"href=”**.css"/>
    	定义了HTML⽂文档中的元数据	设置网页编码、关键字、描述****

2.标签

2.1html常用文本标签

• <hn>...</hn> 其中n为1–6的值。 标题标签（加粗、独⽴⾏）

• <i>...</i>斜体

• <em>...</em>强调斜体

• <b>...</b>加粗

• <strong>...</strong>强调加粗

• <cite></cite>作品的标题引用

• <sub>...</sub>下标<sup>...</sup>上标

• <del>...</del>删除线

• html中有用的字符实体

  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BpNfv88I-1597058530385)(C:\Users\41209\AppData\Roaming\Typora\typora-user-images\1596723899094.png)]

2.2格式化标签

• <br/>换行
• <p>...</p>换段
• <hr/>水平分割线
• 列表
  • <ul>...</ul>无序列表
  • <ol>...</ol>有序列表其中type属性值A a I i 1 start属性表示起始值
  • <li>...</li>列表项
    • <dl>...</dl>自定义列表
    • <dt>...</dt>自定义列表头
    • <dd>...</dd>自定义列表内容
• <div>...</div>常用于组合块级元素，以便于通过css格式化
• <span>...</span>常用于包含的文本，可以使用css格式化或 JavaScript 进行操作。

2.3图像标签

• 在html网页中插入图片使用img单标签
• 属性：
  • src：图片名称和url
  • alt：加载失败时的提示信息
  • title：文字提示属性
  • width：图片宽度
  • height：图片高度
  • border：边框线粗细

2.4超链接

• <a href="链接">文字</a>
• 属性：
  • href：必须有，指的是跳转链接
  • target：表示链接打开方式：
    • _blank新窗口
    • _parent父窗口
    • _self本窗口（默认）
    • _top顶级窗口
    • framename窗口名
    • title：文字提示属性（详情）
• 锚点链接
  • 定义一个锚点：<a id="al"></a>
  • 使用锚点：<a href=“#al”></a>跳到al

framename窗口名
- title：文字提示属性（详情）

• 锚点链接
  • 定义一个锚点：<a id="al"></a>
  • 使用锚点：<a href=“#al”></a>跳到al