1:简介
1:什么是HTML?
HTML是用来描述网页的一种语言。
(1) HTML指的是超文本标记语言。
(2) HTML不是编程语言,而是一种标记语言。
(3) 标记语言是一套标记标签。
(4) HTML使用标记标签来描述网页。
2:HTML标签
(1) HTML标签是由尖括号包围的关键字。
(2)HTML标签通常是成对出现的。
(3)标签对中第一个标签是开始标签,第二个是结束标签。
3:HTML文档==网页
(1)HTML文档描述网页。
(2)HTML文档包含HTML标签和纯文本。
(3)HTML文档也称为网页。
Web浏览器的作用是读取HTML文档,并以网页的形式显示它们。浏览ongoing器不会显示HTML标签,而是使用标签来解释网页内容。
2:HTML编辑器
1:Notepad++
2:保存HTML
保存HTML文件时,可以使用.htm或.html作为后缀名。
3:HTML基础
1:HTML标题
HTML标题(Heading)是通过<h1>-<h6>等标签进行定义的。
例:<h1>This is Heading</h1>
2:HTML段落
HTML段落是通过<p>标签进行定义的。
例:<p>This is paragraph.</p>
3:HTML链接
HTML链接是通过<a>标签进行定义的。
例:<a href="https://www.csdn.net">This is a Link</a>
注:href属性中指定链接的地址
4:HTML图像
HTML图像是通过 <img>是标签进行定义的。
例:<img src="xx.jpg" width="100" hight="100" />
注:src下配置图片路径,如果源文件和图片在同一个文件夹下可以直接使用文件名。
4:HTML元素
HTML文档是由HTML元素定义的。
1:HTML元素
HTML元素指的是从标签到结束标签的所有代码。
2:HTML元素语法
(1)HTML元素以开始标签起始。
(2)HTML元素以结束标签终止。
(3)元素的内容是开始标签与结束标签之间的内容。
(4)某些HTML元素具有空内容。
(5)空元素在开始标签中进行关闭。
(6)大多数HTML元素可拥有属性。
3:嵌套的HTML元素
大多数元素HTML元素可以嵌套。
HTML文档有嵌套的HTML元素构成。
例:
<html>
<body>
<p>this is a paragraph</p>
</body>
</html>
解释:<p>定义HTML文档中的一个段落。<body>定义了HTML文档的主体。<html>定义整个HTML文档。
4:不要忘记结束标签
即使忘记结束标签,大多数浏览器也会正确显示HTML,但是忘记使用结束标签会产生不可预料的结果或错误。
5:空的HTML元素
没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
在XHTML、XML以及未来版本的HTML中,所有元素都必须关闭。
在开始标签中加上斜杠是关闭空元素的正确方法。
6:使用小写标签
HTML对大小写不敏感,绝大多数情况下都是使用小写。
5:HTML属性
1:HTML属性
HTML标签可以拥有属性,属性提供了HTML元素的更多信息。
属性总是以名称/值对的形式出现。
属性总是在HTML元素的开始标签中规定。
属性值应该始终被包括在引号内,双引号是最常用的,但是单引号也可以。如果属性值中有双引号那么必须使用单引号。
例:<a href="https://www.csdn.net" >this is a Link</a> 链接地址在href属性中指定。
6:HTML标题
1:HTML标题
标题(Heading)是通过<h1>-<h6>等标签片进行定义的。
<h1>定义最大标题,<h6>定义最小标题。
注:浏览器会自动地在标题的前后添加空行。
2:HTML水平线
<hr />在HTML页面中创建水平线。hr元素可用于分隔内容。
3:HTML注释
可以将注释插入HTML代码中,能提高代码可读性。
例:<!-- this is a comment -->
注:开始括号之后需要紧跟一个叹号,结束括号之前不需要。
7:HTML段落
1:HTML段落
段落通过<p>标签定义的。<p>标签是块级元素。
2:HTML折行
如果不想在产生新段落的情况下进行换行,可以使用<br \>标签。
例:<p>this is<br />a link</p>
8:HTML样式
style属性用于改变HTML元素的样式。
1:HTML的style属性
作用:提供了 一种改变所有HTML元素的样式的通用方法。
2:HTML背景颜色
background-color属性定义背景颜色
例:<p style="background-color:red">background-color</p>
3:HTML字体、颜色和尺寸
font-family、color以及font-size属性分别定义元素中文本的字体系列、颜色和大小。
例:<p style="font-family:verdana;color:red;font-size:100px">text</p>
4:文本对齐
text-align属性规定了元素中文本的水平对齐方式。
例:<p style="font-family:verdana;color:red;font-size:20px;text-align:center">text</p>
9:HTML引用
1:HTML<q>用于短的引用
HTML<q>元素定义短的引用,浏览器通常会为<q>元素包含引号。
例:<p>CS<q>DN</q></p>
2:用于长引用的HTML<blockquote>
HTML<blockquote>元素定义被引用的节。浏览器通常会对<blockquote>元素进行缩进处理。
例:<p>CSDN网址:</p>
<blockquote>https://www.csdn.net</blockquote>
3:用于缩进词的HTML<abbr>
HTML<abbr>元素定义缩进或首字母缩略语。
4:用于联系信息的HTML<address>
HTML<address>元素定义文档或文章的联系信息,此元素通常以斜体显示。
5:用于著作标题的HTML<cite>
HTML<cite>元素定义著作标题,浏览器通常以斜体显示<cite>元素。
10:HTML注释
1:HTML注释标签
在开始标签(左尖括号)中有一个感叹号,结束标签(右尖括号)中没有。
例:<!-- 这是一条注释 -->