html基本结构
版本声明<!doctype html>
<html>
<head>
<title>标题</title>
<meta charset="utf-8"/> <!-- utf-8是国际编码,用记事本写代码另存为的时候要改编码 -->
</head>
<body>
body中是网页中显示的内容
</body>
</html>
charset="utf-8"是标签属性值
常用标签:
1.双标签<h1 align="center"></h1> logo,一个网页中只能出现一次,align="center"是标签属性值,align 水平对其 =center居中 =right右对齐 =left左对齐
h标签只有6级
2.双标签<p></p>:段落标签,没有p1
- 表示一个空格,以后用css控制
大于号
<小于号
4.HTML注释
5.单标签<hr color="blue" size="9px" width="500" align="left"> 在HTML5中表示标题的结束
6.单标签插入图像把图片和网页放在同一个目录下的时候,图片的路径可以直接写图片名称
只设置宽度和高度其中一个的时候,等比例缩放
title 鼠标放在图片上的时候显示的文字
alt (必须写)如果图片丢失的话,丢失的是哪张图片,值一般可以跟src的值一样
border 边框
7.双标签<i></i> 斜体字,一般嵌套在p标签里面
8.双标签<em></em> 强调(斜体字)
9.单标签
换行
10.PS快捷键
ctrl+O 打开
ctrl+n 新建
ctrl+r 显示标尺
双击抓手 最佳显示
双击放大镜z 原图大小
m 选区
v 移动工具
jpg/jpeg 有损压缩
gif占用空间小(小图标)有损压缩
png占用空间大 无损压缩
双标签<strong></strong> 加粗
三种列表标签
无序列表(默认圆点)
<ul type="circle"圆圈 >
<li></li>
<li></li>
<li></li>
</ul>
circle 圆圈
square 正方形
有序列表(默认数字)
<ol type="a"每行开头变成小写字母 "I"变成罗马数字 start="5" start的值只能是数字 reversed 倒序>
<li></li>
<li></li>
<li></li>
</ol>
定义列表:左边是图片,右边是文字的时候,或者上图下文字的时候
<dl>
<dt>列表项</dt>
<dd>描述项</dd>
</dl>
超链接标签
<a href="连接的文件路径,写#表示空链接,点击后跳转到网页开头" target="_blank 在空白窗口打开 _self 在原来窗口打开">文字、图片 </a>
链接的而文件有哪些:HTML文件、音频、视频、压缩文件、图片、word文档、Excel文档、ppt。。。
内部链接(链接自家网站的东西)
外部链接(链接别人网站的东西)href的值必须是完整的网址,http://www.baidu.com
路径:
相对路径:1.放在同一个文件夹下面的时候,![](文件名)
2.两个文件在同一个目录的不同的文件夹里面的时候,![](..) ../表示向上一级
3.网页文件在跟目录,要插入的文件在根目录中文件夹里面的时候,![](文件夹的名称/文件的名称)
绝对路径:
<img src="http://../>
<img src="file:///E|/files/.../>
div:区块的意思
span: