欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

初识HTML，笔记一。

程序员文章站 2022-03-03 07:56:53
...

初识HTML，笔记

写这个主要是方便自己记忆和一些初学者记不住的东西来这里重新看一下巩固基础。
还有这些东西我是通过慕课网学习的，所以这里面的大部分东西都是通过慕课网copy的，慕课网地址：www.imooc.com

一、
1. `<!DOCTYPE html>`:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前

2. `<html></html>`标签对：`<html>`标签位于HTML文档的最前面，用来标识HTML文档的开始；`</html>`标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。

3.`<head></head>`标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如`<title></title>，<link /><meta />，<style></style>，<script></script>`等，但是浏览器除了会在标题栏显示`<title>`元素的内容外，不会向用户显示head元素内的其他任何内容。

4.`<body></body>`标签对：它是HTML文档的主体部分，在此标签中可以包含`<p><h1><br>`等众多标签，`<body>`标签出现在`</head>`标签之后，且必须在闭标签`</html>`之前闭合。

二、
1、head标签为双标签，有尾标签，`<head></head>`。

2、head标签表示头部标签,通常用来嵌套meta、title、style等标签。

3、`<title>`标签：在`<title>`和`</title>`标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。

4、`<meta charset="UTF-8">`设置当前文件字符编码

5、style标签：双标签中设置当前文件样式

6、<!--注释文字 -->

7、<p>段落文本</p>

8、<span>文本</span> DIY标签 span {color:blue;  }

9、<hx>标题文本</hx> (x为1-6)

10、独立逻辑部分 <div>…</div>

11、<header>我是头部标签</header>

12、<footer>我是底部标签</footer>

13、<section>我是一个区域</section>

14、<aside>我是侧边栏</ aside>

15、<br /> 换行

16、&nbsp; 空格

17、<hr /> 水平线标签

18、<ul><li>标签实现无序列表   <ul><li>我的第一个列表信息</li></ul>

19、<ol><li>标签实现有序列表  <ol>
   <li>我的第一个列表信息。</li>
   <li>我的第一个列表信息。</li>
</ol>

20、<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

21、超链接 <a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>
相关标签： HTML5 html html5

上一篇： torch学习——持续补充

下一篇： CSS3 transition 渐变特效

推荐阅读