HTML学习笔记
简介
- 什么是HTML
HTML是用来描述网页的语言,不是一种编程语言,是一种标记语言。标记语言是一套标记标签,HTML使用标记标签来描述内容在Web页面上的呈现方式。HTML文档也叫做Web页面
- HTML标签
HTML标记标签通常被称为HTML标签。是由尖括号包围的关键字。
- HTML元素
HTML元素和HTML标签通常指的是相同的意思,但严格来讲,HTML元素包含了开始标签和结束标签。
- Web浏览器
Web浏览器是用于读取HTML文件,并将其作为网页显示。浏览器并不是直接显示HTML标签,但可以使用标签来决定如何展现HTML的内容给用户。
- <! DOCTYPE>声明
<! DOCTYPE>声明有助于浏览器正确显示网页内容。
- 中文编码
目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候就需要在头部将字符声明为UTF-8.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<h2>我的第二个标题</h2>
</body>
</html>
HTML基础
- HTML标题
HTML标题是通过<h1-6>标签定义的。
<h1>这是一个标题</h1>
<hr>
<h2>这是一个标题</h2>
其中,hr用来在页面中创建水平线。
浏览器会自动在标题的前后添加空行。确保标题标签只用于标题,不要仅仅巍峨了生成粗体或者大号字体的文本2而使用标题标签。
- HTML段落
HTML段落通过标签<p>来定义。
<p>这个<br/>段落<br/>演示了分行</p>
使用br标签可以在不产生新段落的情况下进行换行。
浏览器会自动在段落的前后添加空行。
- HTML链接
HTML链接是通过标签<a>定义的
<a href="http://www.baidu.com">这是一个链接定义</a>
- HTML图像
html图像是通过标签<img>定义的。在图像定义中,图片的名称和尺寸以属性的方式提供。
<img src="/images-path/xxx.png" width="256" height="256" />
HTML元素
HTML文档由HTML元素定义。某些HTML元素具有空内容,空元素在开始标签中进行关闭。
HTML属性
属性是HTML元素提供的附加信息。HTML属性可以在元素中添加附加信息,属性一般描述于开始标签,属性总是以名称/值对的形式出现。
<a href="http://www.baidu.com">这是一个链接定义</a>
HTML链接由<a>标签定义,链接的地址在href属性中指定。
- HTML属性常用引用属性值
属性值应该始终被包括在引号内,双引号是最常用的,不过单引号也没有问题。如果属性值本身就含有双引号,
HTML文本格式化
HTML使用标签<b>bold和<i>italic对输出的文本进行格式化。通常使用标签strong替换加粗标签b,使用em替换i标签。