HTML学习笔记(一)

最新推荐文章于 2023-02-04 20:54:59 发布

heavenbuy

最新推荐文章于 2023-02-04 20:54:59 发布

阅读量193

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/heavenbuy/article/details/12837195

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.什么是HTML？

HTML是用来描述网页的一种语言。

HTML指的是超文本标记语言，不是一种编程语言，而是一种标记语言(markup language)；标记语言室一套标记标签，HTML使用标记标签来描述网页。

2.HTML标签？

HTML标记标签通常被称为HTML标签(HTML tag)。

HTML标签是由尖括号包围的关键词，比如<html>

HTML标签通常是成对出现的，比如<b>和</b>

标签对重的第一个标签是开始标签，第二个标签是结束标签；

开始和结束标签也被称为开放标签和闭合标签。

3.HTML文档 = 网页？

HTML文档描述网页；

HTML文档包含HTML标签和纯文本；

HTML文档也被称为网页

4.HTML标题

HTML标题(Heading)是通过<h1> - <h6>等标签进行定义的。<h1> - <h6>各字体的大小不同；

5.HTML段落

HTML段落是通过<p>标签进行定义的；

6.HTML链接

HTML链接是通过<a>标签进行定义的。

例子：<a href="http://www.sina.com.cn"> This is a link </a>

在href属性中指定链接的地址。

7.HTML图像

HTML图像是通过<img>标签进行定义的。

例子：<img src="abcd.jpg" width="104" height="142" />

8.HTML元素

HTML文档是由HTML元素定义的。

HTML元素指的是从开始标签到结束标签的所有代码。

HTML元素语法

HTML元素以开始标签开始，以结束标签结束。

元素的内容是开始标签和结束标签之间的内容；

某些HTML元素具有空内容;

空元素在开始标签中进行关闭；

大多数HTML元素可用于属性。

9.空的HTML元素

没有内容的HTML元素被称为空元素。空元素师在开始标签中关闭的。

<br>就是没有关闭标签的空元素（<br>标签定义换行）。

10.HTML属性

HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是在HTML元素的开始标签中规定。

11.HTML标题

标题是通过<h1> - <h6>等标签进行定义的。<h1>定义最大的标题。<h6>定义最小的标题。

notice：浏览器会自动在标题的前后添加空行。

默认情况下，HTML会自动在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

HTML heading标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

12.HTML水平线

<hr />标签在HTML页面中创建水平线。

hr元素可用于分隔内容。

13.HTML注释

例子：

notice:开始括号之后需要紧跟一个叹号，结束括号前不需要。

14.HTML段落

段落是通过<p>标签定义的。

不要忘记使用结束标签，即使忘记，大多数浏览器也会正确地将HTML显示出来。

15.HTML换行

<br />用来换行，<br />元素是一个空的HTML元素。由于关闭标签没有任何意义，因此它没有结束标签。

对于HTML,无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除代码中多余的空格和空行。所有连续的空格或空行都被算作一个空格。

16.HTML文本格式化标签

标签	描述
<b>	定义粗体文本。
<big>	定义大号字。
<em>	定义着重文字。
<i>	定义斜体字。
<small>	定义小号字。
<strong>	定义加重语气。
<sub>	定义下标字。
<sup>	定义上标字。
<ins>	定义插入字。
<del>	定义删除字。
<s>	不赞成使用。使用 <del> 代替。
<strike>	不赞成使用。使用 <del> 代替。
<u>	不赞成使用。使用样式（style）代替。

“计算机输出”标签

标签	描述
<code>	定义计算机代码。
<kbd>	定义键盘码。
<samp>	定义计算机代码样本。
<tt>	定义打字机代码。
<var>	定义变量。
<pre>	定义预格式文本。
<listing>	不赞成使用。使用 <pre> 代替。
<plaintext>	不赞成使用。使用 <pre> 代替。
<xmp>	不赞成使用。使用 <pre> 代替。

引用、引用和术语定义

标签	描述
<abbr>	定义缩写。
<acronym>	定义首字母缩写。
<address>	定义地址。
<bdo>	定义文字方向。
<blockquote>	定义长的引用。
<q>	定义短的引用语。
<cite>	定义引用、引证。
<dfn>	定义一个定义项目。

17.HTML CSS

当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：

a.外部样式表

当样式需要被应用到很多页面的时候，外部样式将是理想的选择。使用外部样式表，可以通过更改一个文件来改变整个站点的外观。

	<head>
	<link real="stylesheet" type="text/css" href="mystyle.css">
	</head>

b.内部样式表

当单个文件需要特别样式时，就可以使用内部样式表。可以在head部分通过<style>标签内部样式表。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

c.内联样式

当特殊的样式需要应用个别元素时，就可以使用内联样式。使用内联样式的方法是在香港的标签中使用样式属性。样式属性可以包含任何CSS属性。

<p style="color: red;margin-left: 20px">
This is a paragraph
</p>

标签	描述
<style>	定义样式定义。
<link>	定义资源引用。
<div>	定义文档中的节或区域（块级）。
<span>	定义文档中的行内的小块或区域。
<font>	规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont>	定义基准字体。不赞成使用。请使用样式。
<center>	对文本进行水平居中。不赞成使用。请使用样式。