HTML

简介

什么是HTML语言

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言
HTML语言不是一种编程语言，而是一种标签语言（类似于markdown语法）
标记语言是一套标记标签

HTML标签

通常成对出现，分为开始标签和结束标签，当然也有单独出现的标签比如<br />

标题标签

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的
一共有六级标题，文字加粗，依次大小减小

段落标签

HTML 段落是通过标签 <p> 来定义的
段与段之间有较大的间距

换行标签

HTML 换行 (Break) 是通过标签<br /> 来定义的
单标签，即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障

文本格式化标签

突出重要性，粗体、斜体、下划线等效果

语义 标签 说明
加粗 <strong></strong> 或者 <b></b> 推荐使用<strong>
倾斜 <em></em> 或者 <i></i> 推荐使用<em>
删除线 <del></del> 或者 <s></s> 推荐使用<del>
下划线 <ins></ins> 或者 <u></u> 推荐使用<ins>

<div> 和 <span> 标签

<div> 和 <span> 都没有语义，用来装内容的盒子,可以用于网页的布局
<div>布局，一行只能放一个，大盒子
<span>布局，一行可以放多个，小盒子

图像标签

HTML 图像 (image) 是通过标签<img> 来定义的

属性 属性值 说明
src 图片路径 必须属性
alt 文本 图像不能正常显示时，替换的文本
title 文本 鼠标置于图像上显示出的文字，提示的文本
width 像素 宽度
height 像素 高度
border 像素 边框粗细
宽度和高度可以只设定一个，等比例缩放
属性之间没有先后顺序，但要以空格间隔开来，采取键值对的形式，属性=”属性值”

超链接标签

<a>标签

属性 说明
href 用于指定链接目标的url（必须属性）
target 用于指定链接页面的打开方式，其中_self为默认值，在原窗口打开链接，_blank为在新窗口中打开方式