HTML学习笔记

2017-12-28 本文已影响0人一条小袍袍YoY

简介

HTML是用来描述网页的语言，不是一种编程语言，是一种标记语言。标记语言是一套标记标签，HTML使用标记标签来描述内容在Web页面上的呈现方式。HTML文档也叫做Web页面

HTML标记标签通常被称为HTML标签。是由尖括号包围的关键字。

HTML元素和HTML标签通常指的是相同的意思，但严格来讲，HTML元素包含了开始标签和结束标签。

Web浏览器是用于读取HTML文件，并将其作为网页显示。浏览器并不是直接显示HTML标签，但可以使用标签来决定如何展现HTML的内容给用户。

<! DOCTYPE>声明有助于浏览器正确显示网页内容。

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候就需要在头部将字符声明为UTF-8.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>页面标题</title>
</head>
<body>
  <h1>我的第一个标题</h1>
  <h2>我的第二个标题</h2>
</body>
</html>

HTML标题是通过<h1-6>标签定义的。

<h1>这是一个标题</h1>
<hr>
<h2>这是一个标题</h2>

其中，hr用来在页面中创建水平线。

浏览器会自动在标题的前后添加空行。确保标题标签只用于标题，不要仅仅巍峨了生成粗体或者大号字体的文本2而使用标题标签。

HTML段落通过标签<p>来定义。

<p>这个<br/>段落<br/>演示了分行</p>

使用br标签可以在不产生新段落的情况下进行换行。

浏览器会自动在段落的前后添加空行。

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

<a href="http://www.baidu.com">这是一个链接定义</a>

html图像是通过标签<img>定义的。在图像定义中，图片的名称和尺寸以属性的方式提供。

<img src="/images-path/xxx.png" width="256" height="256" />

HTML文档由HTML元素定义。某些HTML元素具有空内容，空元素在开始标签中进行关闭。

属性是HTML元素提供的附加信息。HTML属性可以在元素中添加附加信息，属性一般描述于开始标签，属性总是以名称／值对的形式出现。

<a href="http://www.baidu.com">这是一个链接定义</a>

HTML链接由<a>标签定义，链接的地址在href属性中指定。

属性值应该始终被包括在引号内，双引号是最常用的，不过单引号也没有问题。如果属性值本身就含有双引号，

HTML使用标签<b>bold和<i>italic对输出的文本进行格式化。通常使用标签strong替换加粗标签b，使用em替换i标签。