基本骨架:
复制代码
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
431>标题标签:(双标签)<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显示结果 描述 实体名称 实体编号 空格   < 小于号 < < > 大于号 > > © 版权 © © ® 注册商标 ® ® ™ 商标 ™ ™
路径:
绝对路径和相对路径。
返回目录
最后
以上就是迷路路灯最近收集整理的关于html基础知识返回目录的全部内容,更多相关html基础知识返回目录内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复