微信扫一扫打赏支持

html5总结

html5总结

一、总结

一句话总结:

当风轻借力,一举入高空。

 

 

二、课程资料说明

a、课程资料

博客:课程视频对应的博客里面都有上课用的代码

网站:https://fanrenyi.com   (百度网盘,github)



b、html5课程对应资料

html5参考手册

html5标签对应的英文意思

HTML5 标签含义之元素周期表

 

 

三、html头部结构

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="keywords" content="html5,html5总结" />
 6     <meta name="description" content="这是html5总结演示文档。" />
 7     <title>html5总结</title>
 8 </head>
 9 <body>
10 </body>
11 </html>

 

1、html5文档声明

声明文档类型为HTML5文件,需要放在第一行

<!DOCTYPE html>

 

2、meta标签

a、charset属性:单独使用,设置文档字符及编码格式。

写法:<meta charset="UTF-8">
常见的中文编码格式:
GB2312:国标码,简体中文
GBK:扩展的国标编码,简体中文
UTF-8:万国码 Unicode码,基本兼容各国语言

GBK编码,是对GB2312编码的扩展,收录一些比如GB2312未收录的汉字和符号

 

b、name属性:需配合content属性使用,主要用于给搜索引擎提供必要信息。

写法:<meta name="属性值" content="属性值详细内容">
重要属性值:author 作者,声明网站作者,常用公司网址表示
keywords 网站关键字,多个关键字,用英文逗号分隔
description 网页描述,搜索引擎显示在title下的描述内容
http-equiv和name属性,必须与content属性配合使用,前两者只是用于
声明即将修改哪些属性值,而实际的属性值内容,在content中描述。

 

<!--charset属性-->
<meta charset="UTF-8">
<!--作者-->
<meta name="anthor" contet="https://www.fanrenyi.com" />
<!--网页关键字-->
<meta name="keywords" content="HTML5,网页,第一个" />
<!--网页描述-->
<meta name="description" content="我的第一个网页" />
<!--声明文档的编码格式-->
<meta charset="UTF-8" />

 

3、title标签

网页的标题,即网页选项卡上的文字

<title>html5总结</title>

 

 

四、常见的块级标签

1、标题标签

<h1></h1>...<h6></h6>

 

2、水平线

<hr />

 

 

3、段落

<p></p>

 

 

4、换行

换行<br />

 

5、引用

<blockquote></blockquote

 

6、预格式

<pre></pre>

 

7、有序列表

ol:order list

 

 

8、无序列表

ul:unorder list

 

9、定义描述列表

dl

 

 

 

10、图片组合标签 figure

1-<figure></figure>标签一般有两个子标签:
<img src="">:一幅图片,src表示图片的路径。
<figcaption></figcaption>:图片的标题

2-浏览器显示为:图片与标题上下排列,且整体向后缩进一个单位。

 

11、分区标签 div

 

 

五、常见的行级标签

1、文本标签 span

 

2、图片标签 img

 

3、超链接标签 a

 

4、

 

 

 

 

 

 

 

 

 

 

 

 
我的旨在学过的东西不再忘记(主要使用艾宾浩斯遗忘曲线算法及其它智能学习复习算法)的偏公益性质的完全免费的编程视频学习网站: fanrenyi.com;有各种前端、后端、算法、大数据、人工智能等课程。
博主25岁,前端后端算法大数据人工智能都有兴趣。
大家有啥都可以加博主联系方式(qq404006308,微信fan404006308)互相交流。工作、生活、心境,可以互相启迪。
聊技术,交朋友,修心境,qq404006308,微信fan404006308
26岁,真心找女朋友,非诚勿扰,微信fan404006308,qq404006308
人工智能群:939687837

作者相关推荐

posted @ 2020-01-17 18:47  范仁义  阅读(213)  评论(0编辑  收藏  举报