HTML笔记(1)

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注释标签

在开始标签(左尖括号)中有一个感叹号,结束标签(右尖括号)中没有。

例:<!-- 这是一条注释 -->

 

 

 

 

猜你喜欢

转载自blog.csdn.net/Hot_snail/article/details/81809591