4.HTML教程-CSDN博客

本文链接：https://blog.csdn.net/Carol_x/article/details/101943732

HTML语言概述

一.HTML基本格式
1.基本标签
*!doctype>文档类型声明，位于文档的最前面，它与浏览器的兼容性相关，删除<!doctype>就是把如何展示HTML页面的权力交给浏览器
*<html>根标签，标志着HTML文档的开始
*<head>头部标签，用来描述文章的标题，作者以及和其他文档的关系
*<body>主体标签，用于定于HTML文档所要显示的内容，一个HTML文档中只能有一个body标签
*<标签名属性1=“属性值1” 属性2=“属性值2”...>网页元素</标签名> 使用此格式可以让标签提供更多信息
*<标签名/>单标签（空标签）
*<!-注释内容->HTML注释
2.页面头部
*<title>网页标题名称</title>此标签给网页定义一个名字，必须位于<head>标签以内
*<meta name="名称" content="值"/>meta用于定义页面的元素信息，
（1）设置网页关键字
<meta name="keywords" content="java桌面开发，Java EE开发，Android移动开发"/>
(2)设置网页描述
<meta name="description" content="描述网站内容"/>
(3)设置网页作者等版权信息
<meta name="author" content="WUST,Wzx"/>
(4)使用 http-eauiv/content属性设置服务器发送给浏览器的头部信息
<meta http-equiv="名称" content="值"/>
一般默认为
<meta http-equiv="Content-Type" content="text/html";charset=utf-8"/>charset表示字符集编码为utf-8
（5）当需要页面自动刷新与跳转时，http-eauiv属性值为refresh,content属性值为数值（以秒为单位）和url地址，例如：定义某个页面5秒后跳转至淘宝页面
<meta http-equiv="refresh" content="5";url=https://www.baidu.com/>
3.控制标签
*<h1><h2><h3><h4><h5><h6>为经常用的6个标题标签
<hn align="对齐方式">标题文本</hn>l
align属性对齐方式：
left：左对齐
right：右对齐
center：居中对齐
*段落标签<p align="对齐方式">段落文本</p>
*插入水平线<hr/>
*强制换行<br/>
4.实体标签
(1)块级元素：块级元素一般从新的一行开始。
常用的块级元素有
<div>分隔文档<p>段落标签<h1>...<h6>标题标签<ol>有序列表<ul>无序列表<table>表格<form>表单
（2）行内元素行内元素和其他元素在同一行上
<a>超链接<br>换行<i>斜体<strong>粗体<label>鼠标点击
（3）行内块级元素行内块级元素和其他元素都在一行上
<img>图像<input>
5.特殊字符

特殊字符	描述	HTML代码
空格	空格符	`nbsp;`
<	小于	`&It;`
>	大于	`>`
&	和	`&`
$	人名币	`¥`
±	正负	`±`
×	乘	`×`
/	除	`÷`

6.html色彩
*rgb(0,0,0)到rgb(255,255,255)rgb分别为红色绿色蓝色也可以用十进制#000000-#FFFFFF
7.html度量单位
*px:像素单位
*%:百分比
em:相对于当前字体尺寸的倍数

参考书本《web前端开发技术》吴志祥 雷鸿