HTML基础知识--day1
HTML基础知识
HTML（Hyper Text Markup）超文本标记语言；
超文本：就是在文字内容的基础上添加的更丰富的图片、视频、音频等内容；
网页的结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> </body> </html>
HTML标签：
HTML标签分为单标签和双标签；
双标签：开始标签和结束标签，内容放在开始标签和结束标签中间，例：
<title>标题内容</title>
单标签：只有开始标签，没有内容，单标签后面一定要闭合，例：
<img src="图片地址"/>
<html></html>标签，告诉浏览器网页的代码用什么格式来解析；
<head></head>标签，告诉浏览器网页的汉字用什么字符集，使用的字符集不正确就会出现乱码；常用的字符集有”GBK2312“简体中文（ANSI）（汉字操作系统默认使用）、”GBK“国标码、UTF-8多国语言；charset="utf-8" 网页所用代码格式，一般常用utf-8
<title></title>标签，网站标题，便于网站搜索引擎搜索；
<body></body>标签，承载网站内容的代码；
HTML标签的属性值一定要用双引号”“引起来；
<body></body>标签的属性
<body bgcolor="red" text="blue" topmargin="30px" rightmargin="30px" bottommagin="30px" leftmagin="30px"></body>
bgcolor => 网页背景颜色，
text => 网页文字颜色，
topmargin => 网页与浏览器的上边距，
rightmargin => 网页与浏览器的右边距，
bottommargin => 网页与浏览器的下边距，
leftmargin => 网页与浏览器的左边距，
HTML元素，指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
一、标签
标签分为单标签、双标签
一一般标签
①字体控制标签（双标签）
<font color="字体颜色" face="字体格式" size="字体大小">.....</font> <b>字体加粗</b> <i>字体倾斜</i> <u></u> 下划线 <ins></ins> 下划线，加强语气，强调插入的是文本 <b></b> 加粗 <strong></strong> 字体加粗（强调，语气加强） <i></i> 倾斜 <em></em> 字体倾斜（强调，语气加强） <sup></sup> 上标 <sub></sub> 下标 <pre></pre> 预定义标签，保留编辑器内文本原有的空格和换行 <center></center> 居中 <br>或<br /> 换行 => 空格，也可以在设计页面中按ctrl + shift + space; © => 版权符号 <: => 小于号”<“ > => 大于号”>“ ¥ => 人民币符号
双标签又分为块级标签和行内标签，块级标签独占一行，
标题标签<h1></h1>，<h1>标题内容</h1>。。。。。。<h6></h6>，标题（自动换行），例：<h1 align="center">标题内容</h1>，属性align的值有left居左、center居中、right居右；
段落标签<p></p> ，段落之间自动空行，例：<p align="center">标题内容</p>，属性align的值有left居左（默认）、center居中、right居右；
块级标签<div></div> ，默认占一行；
块级标签<span></span> ，默认用多少占多少；
列表
1.有序列表，
<ol type="1"> <li>...</li> <li>...</li> </ol>
注：属性type的值有1数字、a字母；
2.无序列表，
<ul type="circle"> <li>...</li> <li>...</li> <li>...</li> </ul>
注：属性type的值有circle空心圆、disc实心圆、square方块；
3.自定义列表
<dl> <dt>自定义列表标题</dl> <dd>对该标题的描述</dd> <dt>自定义列表标题</dl> <dd>对该标题的描述</dd> </dl>
路径
“../” 表示上级目录
“..” 表示当前目录
相对路径：从当前页面开始找
绝对路径：从网站的根开始找，“/” 代表网站的根。
