目录
一、HTML语言
1.HTML的基本结构
双标签,例如: <html></html>
单标签,例如: <img>
2.DOCTYPE声明
DOCTYPE是 document type (文档类型) 的缩写。 <!DOCTYPE html > 是H5的声明位于文档的最前面,处于标签之前。
不是标签
他是网页必备的组成部分,避免浏览器的怪异模式。
3.HTML5的基本骨架
HTML5的基本骨架
html标签
head标签
body标签
title标签
meta标签
html标签
定义HTML。
文档供浏览器解读。
标签限定了文档的开头和结尾,其他元素包裹在其里面。
head标签
用于定义文档的头部。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
一个网页文档,只有一个<head>标记。
body标签
用于定义文档的主体。
body 元素包含文档的所有内容,比如文本、超链接、图像、表格和列表等等。
它会直接在页面中显示出来,也就是用户可以直观看到的内容。
title标签
用于定义文档的标题。
它显示在浏览器窗口的标题栏或状态栏上。
<title> 标签是 <head> 标签中唯一必须要求包含的东西,就是说写head一定要写title。
meta标签
负责对网页的重要内容进行定义说明,方便搜索引擎的检索。
charset="utf-8" 是说当前使用的是 utf-8 编码格式,在开发中我们经常会看到 utf-8 ,或是 gbk ,这些都是编码格式,通常使用 utf-8 。
二、标题标签
分级标题
标题(Heading)是通过 <h1>—<h6> 标签进行定义的。
<h1> 定义最大的标题 <h6> 定义最小的标题。
p在标签中添加属性: align="left | center | right" 默认居左。
三、段落,换行,水平线标签
1.段落标记<p>
浏览器在显示HTML文档时,会自动忽略空格、Tab键和回车键,如:多个空格被压缩成一个。要保留原文中的段落,需要引入分段标记。
分段标记<p>
常用属性:align align=“center|left|right”
2.换行标记<br>
浏览器在显示HTML文档时,会自动忽略回车键。在需要换行的地方可以插入换行标记。
换行标记<br>
没有属性,也没有结束标记。
3.水平线标记<hr>
水平标尺线标记<hr>
4个常用属性:
color
Align=“center|left|right”
Width
size:水平线的高度
noshade无阴影,值可省略
4.预格式化标记<pre>
预格式化标记<pre>可以完全保留在<pre>和</pre>之间的所有格式,包括所有的空格、Tab键、回车键和字体字号。
通过预格式化标记<pre>显示的文本,当调整浏览器大小时,其显示的文本不会随之调整。