Maison > Article > interface Web > HTML5自学笔记
HTML5自学笔记
- 黄舟original
- 2016-12-28 17:09:241383parcourir
1，为什么学HTML
超文本标记语言 Hype Text Mark-up Language
2，HTML的基本组成单位
标签
3，标签
（单标签和双标签）
站点的建立：
文件夹的建立
首页：index.html
home.html
html基本结构
文档声明
charset 字符集 “UTF-8” 国际编码 "GB2312"简体中文编码
<!doctype html> <html> <head> <meta charset="UTF-8"/> <title>京东</title> </head> <body> <h1>京东618</h1> <h2>party on</h2> </body> </html>
4，常用标签
h1 标签 双标签 大标题标签
4f8f16c8285ca372625edce16157bf0d内容473f0a7621bec819994bb5020d29372a h1标签在一个页面内只能出现一次
align-属性 水平对齐
left/right/center-属性值
h1-h6总共六级标题
p标签 段落 双标签
特殊符号 空格
076402276aae5dbec7f672f8f4e5cc81 单标签 换行
f32b48428a809b51f04d3228cdf461fa 水平线 标题的结束
f933d80d046f425098cc4de4391ec07c
5a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e6倾斜
907fae80ddef53131f3292ee4f81644bd1c6776b927dc33c5d9114750b586338倾斜 强调的意思
8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0 加粗 强调的意思
a4b561c25d9afb9ac8dc4d70affff4190d36329ec37a2cc24d42c7229b69747a加粗
45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114需要特殊处理的文字 行内元素
dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68区块 块级元素 主要用在CSS
a1f02c36ba31691bcfe87b2722de723b单标签 插入图片
eb883c66331cbcb446fd503eaa729744
三种列表
无序列表
<ul type="disc"> disc:圆点 circle：圆圈 square 正方形 <li>列表项</li> </ul>
有序列表
<ol type="a" start="只能写数字"> a 1 I A <li>列表项</li> </ol>
定义列表
<dl> <dt>列表项</dt> <dd>描述项</dd> </dl>
a标签，超链接标签，进行网页内部的链接和网站外部的链接。
<a href="资源地址" target="_self(自身窗口打开）/_blank（新窗口打开）">文字或者图片</a>
资源地址：
内部链接：html文件,图片，电影，音乐，压缩文件，word文档，PPT，，，
外部链接：http://www.baidu.com
路径：
相对路径
1：两个文件在同一个文件夹下面时，直接写文件的名称。
2：两个文件分别在不同文件夹下面，用../来表示上一级文件
3：一个文件在文件夹的里面，一个文件在文件夹的外面。直接写文件夹的名称
绝对路径
本地机器：E:\左霖\学习笔记
网络 ：http://www.xxx.com/xxx/xxx
网页中常用的图片格式:
gif:支持动画，支持透明，最多存储256种颜色，有损压缩
jpg(jpeg):不支持动画，不支持透明，颜色比较丰富，有损压缩
png:不支持动画，支持透明，颜色丰富，无损压缩
注释标签
45f88a835d37cb64cbc6b09b9cc1c4a9
Photoshop切图以及快捷键
ctrl+r 显示标尺
F8 显示信息
ctrl+alt+z 多步撤销
ctrl+z 单步撤销
ctrl+N 新建空白画布
ctrl+D 取消选区
ctrl+o 打开
ctrl+t 自由变换
以上就是HTML5自学笔记的内容，更多相关内容请关注PHP中文网（www.php.cn）！