首页 > web前端 > H5教程 > HTML5自学笔记

HTML5自学笔记

黄舟
发布: 2016-12-28 17:09:24
原创
1448 人浏览过

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 标签 双标签 大标题标签

内容

h1标签在一个页面内只能出现一次

align-属性 水平对齐

left/right/center-属性值



h1-h6总共六级标题

p标签 段落 双标签

特殊符号 空格


单标签 换行


水平线 标题的结束




倾斜

倾斜 强调的意思

加粗 强调的意思

加粗

需要特殊处理的文字 行内元素

区块 块级元素 主要用在CSS

单标签 插入图片

图片的名称或图片的地址

三种列表

无序列表

<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)!


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板