目录
一.html认识
- !+tab键:快捷创建html初始代码
- <!DOCTYPE html> 文档声明
- <meta charset='utf-8'> 辅助信息—>元信息
- <html leng='en'> leng='en' 表示是一个英文网站(中文为CN)
- <!--注释--!> 注释写法
二.标题与段落
- 标题------->双标签<h1></h1>···········<h6></h6>
注:h1标签只能使用一次,h5,h6标签不经常使用
- 段落------->双标签<p></p>
- 双标签<strong>:表示强调,会对文本进行加粗
- 双标签<em>:表示强调,会对文本进行斜体
- 双标签<sub>、<sup>:下标、上标文本
- 双标签<del>、<ins>:删除文本、插入文本:显示
300100 - 双标签<img>:图片标签,以下为标签属性
src:引入图片地址 |
alt:当图片出现问题时,显示友好提示文字 |
title:图片提示信息 |
width、heigth:图片宽高像素(px) |
四.引入文件地址路径
- 绝对路径:(1)本地路径:从磁盘到文件结束 ex:(C:\Users\1\Desktop\腾讯QQ)
(2)网络路径:网络绝对路径指从网站的域名开始,到文件名结束,在使用时
需要加上协议。ex:(https://mp.csdn.net/mp_blog/creation/editor )
- 相对路径:指以当前文件资源所在的目录为参照基础,链接到目标文件资源(或文件夹)的路径。
ex:(..\腾讯QQ):表示在当前路径下返回上上一层下的腾讯QQ
五.跳转链接
- 双标签<a href='跳转路径'>访问提示(可以为<img>)</a> 属性为:
href:链接地址 |
target:可以改变链接打开方式,默认在当前页面打开_self,新窗口打开_blank |
- 单<base>:改变链接默认行为(一般设置<head>中)
六.跳转锚点(跳到关键字位置)
- 实现一:#号 id属性
<a href="#html">...</a>
......
<h2 id="html">...</h2>
- 实现二:#号 name属性
<a href="#html">...</a>
...
<a name="html">...</a>
<h2>...<>/h2>
七.特殊符号(常见)(解决冲突和代码产生歧义)
特殊字符 | 含义 | 代码 |
空格符 |  ; | |
© | 版权 | ©; |
® | 注册商标 | ® |
< | 小于号 | < |
> | 大于号 | > |
& | 和号 | & |
¥ | 人民币 | ¥ |
° | 摄氏度 | ° |
八.列表
- 无序列表:<ul>、<li>列表最外层容器、列表项(ul和li之间必须组合出现,之间不能出现其
他标签)
写法:<ul><li>........</li></ul> (<li>标签内可以有其他标签)
<ul>标签:type属性(css控制):各种样式:
属性值 | none | disc | circle | square | decimal | lower-alpha | upper-alpha | lower-roman | upper-roman |
样式 | 不使用项目符号 | 实心圆 | 空心圆 | 实心方块 | 阿拉伯数字 | 小写英文字母 | 大写英文字母 | 小写罗马数字 | 小写罗马数字 |
- 有序列表(用法和无序一样)
<ol>、<li>:列表最外层容器、列表项(注:用的少,经常用无序,无序可替代有序)
- 定义列表
<dl>:定义列表 <dt>:第一专业术语或名词 <dd>:对名词进行解释和描述