这里写
目录标题)
（一）.何为HTML
首先,从名字上便可看出一二。HTML是“HyperText Mark-up Language（超文本标记语言）”的缩写。表示网页信息的符号标记语言。
其功能能实现设置文本的格式：如标题，字号，页面样式，文本颜色，段落等。也可以创建列表，插入图像和媒体，建立表格，建立超链接，实现页面跳转。
从某种角度上来说HTML不是编程语言，而是标记语言。由一套标记标签组成，HTML标签是由尖括号包围的关键词，通常成对出现。第一个标签是开始标签（开放标签），第二个标签是结束标签（闭合标签）。（eg: <标签名称 属性=“属性值” 属性=“属性值” …>…</标签名称>）
HTML文档用来描述网页，web浏览器在阅读html文档时，将HTML标签内化，只呈现纯文本。某种程度上HTML文档＝网页。
(二)HTML的构造
<!DOCTYPE html>
文档类型声明 页面的最顶端。
HTML5的文档声明，不同于HTML4.0和XHTML，它精简了许多代码，只保留开头，必须位于HTML5文档的第一行，它可以用来告诉浏览器或任何其它分析程序它们所查看的文件类型。
也可用于对该文档进行说明和注释
<html></html>
根标记 一个代码页面有且仅有一对
3.
<head></head>
网页头部 定义页面的全局信息. CSS、JS样式表也是在此处添加！
<meta charset="UTF-8">
UTF-8 编码格式 万国码（有时网页显示乱码便可通过查看此行看是否为用“UTF-8”）
charset 设置网页的编码格式
（注意：网页的解析和编码格式需要保持一致）
<body></body>
网页的主体部分
（三）HTML基础语法：
1.用于描述功能的符号 为标记 一般使用<>
1.1标签记分两种：
1.1.1封闭式标签 < h1 > 标题标签 < / h1 >
1.1.2非封闭式标签 < hr > < hr / >
（注：XHTML1.0 2000年01月26日 发布了XHTML 1.0标准
和html4.01 几乎相同 ， 更严格 更纯净的HTML版本
bgcolor=red
在XHTML1.0 中就是错误的 语法）
2.常见的标签
2.1 标题标签
< hN >< /hN >
(N表示数值（1~7），数值越大则标题字体越大)
2.2段落标签
< p >< / p >
2.3文本标签
< pre >< /pre>
2.4换行标签
< br/ >
2.5居中标签
< center >
2.6跑马灯标签
< marquee > < /marquee >
(属性：scrollamout:表示跑马灯内容滚动的速度。
behavior：表示播放的形式)
2.7特殊符号标签
2.7.1空格：&emsp （中文中用的的空格）   （英文中用的空格） 2.7.2 ©（页末版权中的声明符号）：©
2.7.3 < :小于号 在HTML中用<
大于号 在HTML中用&gl
2.8文本标记：
< b >文本加粗< /b >
< i >斜体< /i >
< u >下划线< /u >
< s >删除线< /s >
< sup >上标< /sup >
< sub >下标< /sub >
< br >强制换行；
< del >给文字加上删除线< /del >
< strong >强调一段文本，实际作用也是加粗文字< /strong >
< wbr >表示安全换行，可以使得英文输入保持单词的完整性，中文中也能按照人们的意愿进行完整的显示一行内的词组
< em > 强调，实际作用也是让文字倾斜< /em >
< ins >给文字加下划线。从语义上来看，是给一段文字加下划线。起到强调作用。< /ins >
< small >添加小号字体。从语义上来看，用于免责声明和澄清声明< /small >
< ruby > ruby元素： 我的作用是表示位于表意文字上方或右方的注音符号< /ruby >
< bdo >元素： 我的功能是设置文字方向，必需使用dir属性才可以设置，共两个值，rtl（从右到左）；ltr（从左到右）默认为ltr
< bdo dir=“rtl”>rtl就是从右到左，即：right to left
< mark >我的实际作用就是加上一个黄色的背景。< /mark >
< time > 表示日期和时间，例如 < time >2015-9-18< /time >
< div >我的作用就是表示一般性的文本，没有特殊效果< /div >
< span >我的作用就是表示一般性的文本，没有特殊效果< /span >
2.9超链接标签:
< a href=“链接的URL” target=“目标 指定的是新网页打开的形式 _blank _self”>内容< /a >
1。 返回网页顶部的空连接
< a href="#" target="">返回顶部< /a >
2.资源目录
< a href=“02-img.html” target="_blank">在新的网页中打开02-img网页< /a >
3.链接目标为资源下载
< a href=“xxx.zip/rar”>内容< /a >
4.链接为目标的电子邮件
< a href=“mailto:1427199057@qq.com”>联系我< /a >
5.链接到Javascript
< a href=“Javascript:js脚本”>内容 < /a >
6.锚点
1)定义锚点
< a name=“bottom”>底部锚点< /a >
< div id=“divBottom” >
底部锚点底部锚点底部锚点
2)链接到锚点
< a href="#bottom">到底部去< /a >
< a href="#divBottom">到底部去找div< /a >
< a href=“test2/demo-04.html#pBottom”>找其他网页中的锚点< /a >
2.10图片标签:
URL（Uniform Resource Locator）(此处URL不是说标签 是一个名字)：统一资源定位器，用来标识网络中的资源位置 --> 路径
目录：WEB站点中存储文件的文件夹名称
三种表现形式：
①绝对路径
1.访问本机资源 带盘符的
2.网络上的绝对路径 访问互联网资源
协议 主机名（IP地址/域名） 目录路径 文件名
https: // media.bjnews.com.cn / cover /2019 /10/09/ 4845938298192997945.jpeg
②相对路径
根据自己所在的位置， 查找资源文件所在的位置经过的路径：
（情况1）当前文件和资源文件在同一个目录下 — 直接通过名称引用（在同一级目录下可以直接使用。）
（情况2） 资源文件在当前文件的子目录中 – 先进入在引用（要用的东西在当前文件的同一级目录的某文件夹中，则需要进入该文件夹再引用要用的这个东西 ）
（情况3）资源文件在当前文件的父目录中 — 先返回 在引用
…/ 表示向上一级返回
③根相对路径（服务器上使用） 只有服务器端才能用
“ / ” 此符号 作为开始
eg:
/img/bs.png 在项目中找到一个img文件夹的资源
图像格式：
png 无损压缩 8位 24位 32位 （位即表示支持颜色数目） 支持透明色
jpg jpeg 压缩 有损
gif 支持动
< img src=“img/bs.png” width=“300px” alt=“图片加载失败时候的显示文字”
title=“对图片的解释 需要鼠标移入才能显示” />(行内样式的使用，等同于再头部 写css样式)
648
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
