我是靠谱客的博主 迷路路灯,这篇文章主要介绍html基础知识返回目录,现在分享给大家,希望可以做个参考。

基本骨架:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html> //DTD 文档类型说明 <html lang="en"> <head> <meta charset="UTF-8"> // 字符集设置 UTF-8是支持绝大数语言 <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html>

HTML5 新增结构标签

  • section: 独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分;
  • article: 特殊独立区块,表示这篇页眉中的核心内容;
  • aside: 标签内容之外与标签内容相关的辅助信息;
  • header: 某个区块的头部信息/标题;
  • hgroup: 头部信息/标题的补充内容;
  • footer: 底部信息;
  • nav: 导航条部分信息
  • figure: 独立的单元,例如某个有图片与内容的新闻块。

常用标签:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
1>标题标签:(双标签)<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6> Q:谈谈你对标题标签的理解(从语义角度回答:): 标题标签给文本赋予标题的含义。 2>划线标签:(单标签)<hr/> --- 了解(以后用CSS来实现) 3>段落标签: <p></p> 4>换行标签: <br/> 5>div和span标签:无语义的标签 实在找不到标签表示的时候 考虑用div和span 6>图像标签: <img src="此处写图片路径" alt="图片加载不出来时,显示此处文字" title="鼠标放在图片上时,显示的文字" width="220" border="8"/> 7>超链接: <a href="http://www.baidu.com" target = "_blank">百度</a> <a> 标签的 target 属性规定在何处打开链接文档。 _blank 浏览器总在一个新打开、未命名的窗口中载入目标文档。 <a href = "#">当前页面<a> 超链接的应用:(设置锚点) 1. 跳转到当前页面中的某处: <a href="#值">文字</a> 需要跳转到的地方打一个标记 <a name=""></a><h2 id="">文字</h2> 2. 跨页面 <a href="某页面地址#值">文字</a> 需要跳转到的地方打一个标记 <a name=""></a><h2 id="">文字</h2> 8>base标签 单标记 设置在head中 作用 让页面所有的超链接可以在新窗口打开 <base target = "_blank"> 9>了解: <b>加粗</b> <strong>强调(类似加粗效果)</strong> <i>倾斜</i> <em>强调(类似倾斜效果)</em> <s>删除线</s> <del>删除线</del> <u>下划线</u> <ins>下划线</ins>

标签的属性:

复制代码
1
2
3
4
5
6
7
<!--html的注释 1 标签可以拥有多个属性 属性不分前后顺序 属性和属性之间用空格隔开 2 标签属性语法 <标签名 属性1="属性1值" 属性2="属性2值" /> 3 任何标签的属性值都有默认值 省略属性则取这些默认值 -->

实体实符:

复制代码
1
2
3
4
5
6
7
8
显示结果 描述 实体名称 实体编号 空格 &nbsp; &#160; < 小于号 &lt; &#60; > 大于号 &gt; &#62; © 版权 &copy; &#169; ® 注册商标 &reg; &#174; ™ 商标 &trade; &#8482;

路径:

绝对路径相对路径


返回目录

最后

以上就是迷路路灯最近收集整理的关于html基础知识返回目录的全部内容,更多相关html基础知识返回目录内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(71)

评论列表共有 0 条评论

立即
投稿
返回
顶部