HTML5自学笔记
超文本标记语言 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 标签 双标签 大标题标签
<h1 align=“center">内容</h1> h1标签在一个页面内只能出现一次
align-属性 水平对齐
left/right/center-属性值
h1-h6总共六级标题
p标签 段落 双标签
特殊符号 空格
<br/> 单标签 换行
<hr> 水平线 标题的结束
<hr color="red" width="300" size="10" align="right"/>
<i></i>倾斜
<em></em>倾斜 强调的意思
<strong></strong> 加粗 强调的意思
<b></b>加粗
<span></span>需要特殊处理的文字 行内元素
<div></div>区块 块级元素 主要用在CSS
<img>单标签 插入图片
<img src="图片的路径” width="200" height="200" title="提示信息" alt="图片的名称或图片的地址"/>
三种列表
无序列表
<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:不支持动画,支持透明,颜色丰富,无损压缩
注释标签
<!--这是注释标签-->
Photoshop切图以及快捷键
ctrl+r 显示标尺
F8 显示信息
ctrl+alt+z 多步撤销
ctrl+z 单步撤销
ctrl+N 新建空白画布
ctrl+D 取消选区
ctrl+o 打开
ctrl+t *变换
以上就是HTML5自学笔记的内容,更多相关内容请关注PHP中文网(www.php.cn)!