标题第一周html入门学习笔记
html 结构
基本结构如下:
各部分的含义:
< !–文档类型–>
<! Doctype html>`
< !-- 根标签 -->
< html>< /html>
< html>< /html> 用于告知浏览器其自身是一个 HTML 文档,< /html> 标记标志着 HTML 文档的开始,< /html> 标记标志着 HTML 文档的结束,在他们之间的是文档的头部和主体内容。
< !-- 向搜索引擎表示该页面是html语言,并且语言为英文网站 -->
这个主要是给搜索引擎看的,搜索引擎不会去判断该站点是中文站还是英文站,所以这句话就是让搜索引擎知道,你的站点是中文站,对 html 页面本身不会有影响。
< !-- html文档头部分 -->
< head>< /head>
主要用来封装其他位于文档头部的标记。一个 HTML 文档只能含有一对 < head> 标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
< !-- 网页的标题 -->
< title>< /title>
< title> 标记用于定义HTML页面的标题,< title>< /title> 之间的内容将显示在浏即给网页取一个名字,必须位于 < head> 标记之内。一个HTML文档只能含有一对 < title>< /title> 标记,将显示在浏览器窗口的标题栏中。
< !-- html结构的主体部分 -->
< body>< /body>
< body> 标记用于定义 HTML 文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于 < body> 标记内,< body> 标记中的信息才是最终展示给用户看的。
一个HTML文档只能含有一对 < body> 标记,且 < body> 标记必须在 < html> 标记内,位于 < head> 头部标记之后。
标签的分类
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 < html>;
HTML 标签通常是成对出现的,比如 < b> 和 < /b>;
标签对中的第一个标签是开始标签,第二个标签是结束标签;
开始和结束标签也被称为开放标签和闭合标签;
HTML标记—双标记
双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下:
<标记名></标记名>
< !-- 例如: -->
< body>< /body>
该语法中 <标记名> 表示该标记的作用开始,一般称为 开始标记(start tag),</标记名> 表示该标记的作用结束,一般称为 结束标记(end tag)。和开始标记相比,结束标记只是在前面加了一个关闭符 /。
HTML标记—单标记
单标记也称空标记,只有开始标签没有结束标签:
<标记名>
< !-- 例如: -->
<! doctype html>
标签关系
嵌套关系:类似父亲和儿子之间的关系
< html>
< head>
< title>< /title>
< /head>
< body>< /body>
< /html>
并列关系:类似与兄弟之间的关系
< head>< /head>
< body>< /body>
html 标签介绍
单标签
文本注释标签
< !-- 文本注释标签 Ctrl+/ -->
文本换行标签
你好< br>我来自中国
效果演示:
你好
我来自中国
横线标签
< hr>
效果演示:
双标签
段落标签
< p>
这是一行文字
< /p >
< p>
这也是一行文字
< /p >
标题标签
注意:标题标签只能取到数字 1-6
< h1>这是一个标题1< /h1>
< h2>这是一个标题2< /h2>
< h3>这是一个标题3< /h3>
< h4>这是一个标题4< /h4>
< h5>这是一个标题5< /h5>
< h6>这是一个标题6< /h6>
文本标签
< font>< /font>
例如:
< font size=“10” color=“red”>
优美的文字
< /font>
文字斜体
这行字是斜的
快捷键: