web标准:结构(html)-->表现(css)-->行为(js)
<!DOCTYPE html> 指html5版本
<meta charset="UTF-8"> 字符集类型是utf-8
1、html骨架<html><head><tiitle></title></head><body>xx</body></html>
2、标题标签<h1></h1><h2><h3><h4><h5><h6>
3、段落<p>,里面内容为一段,下面内容自动跳行
<hr />水平线标签 //单标签后面要加 /
<br />换行标签 //单标签
4、<div>块布局
<span>行内标签布局
5、<b>粗体文本,推荐<strong>强调文本,粗体
<i>斜体,推荐<em>强调文本,倾斜
<s>中间删除线文本,h4已不用,推荐<del>中间删除线文本
<u>文本下划线,一般超链接使用,h4已不用,推荐<ins>文本下划线,一般与<del>一起使用,表示删除和已插入新的内容
6、添加图片:
<img src="xx.gif" title="鼠标移到图片上显示的提示" alt="图片无法加载显示的字" /> //单标签
同一路径:<img src="xx.gif">
上一级路径:<img src="../xx.gif">
下一级路径:<img src="xx文件夹名称/xx.gif">
7、链接:
<a href="http://www.baidu.com" target=" _blank">
target几个属性: _blank 在一个新的窗口打开被连接文档
_self 在当前页面打开被链接文档
_parent 在父框架集中打开被链接文档
_top 在整个窗口打开被链接文档
8、锚点连接:<a href="#two"> 点击a链接直接跳转到h3片段 --><h3 id="two">
9、base标签:统一打开模式 //单标签
<baes target="_blank" />
10、特殊字符:空白格 < < >>
11、注释标签:<!-- -->
12、绝对路径:从当前路径开始描述上级或下级路径的文件或者图片,../xx.gif
相对路径:从盘符开始的路径, C:windowssystem32cmd.exe/https://www.baidu.com>
13、列表:
黑圆点无序列表:<ul><li>a</li><li>b</li></ul>
有一二三排序列表:<ol><li>1</li><li>2</li></ol>
无圆点无排序列表:<dl><dt>前面无空格</dt><dd>前面空两格</dd></dl>
行内元素:img span a
块级元素:div h p
单标签:<hr/>水平线 <br/>换行 <img/>图片 < input />