HTML
1、书写方法：
1）记事本——保存的格式.html
2）DW
2、浏览：使用浏览器 IE 火狐 谷歌
3、新建站点：菜单栏——站点——新建站点
1）站点的名称可以使用中文
2）放站点的文件夹不能使用中文
3）站点文件夹内的文件夹也不能使用中文
4）右击——新建文件
选中——del键删除文件
4、窗口：文件——F8
插入面板——ctrl+F2
属性面板——ctrl+F3
5、文档栏：查看——工具栏——文档
可以预览html文档
6、书写规则：英文状态下的小写字母
二、html的结构：
<html>
<head>
<title>基础标签</title>
</head>
<body>
内容
</body>
</html>
<head></head>——只显示<title>的内容；其他的是作用于<body>
1）<meta/>——文档的信息
文档的编码格式:
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
charset=utf-8——国际通用的语言
charset=gb2312——简体中文
搜索引擎：
<meta name="description"content="这是一个关于网页设计的网站，里面主要是一些标签的使用和属性的介绍。" />——描述
<meta name="keywords"content="网站设计，html，JS，div+css"/>——关键词
2）<link/>——外部文件的链接
3）<style></style>——内部样式表
4）<script></script>——特效
5）<base/>——基线链接（打开方式）
三、标签的分类
第一种：单表签 <单表签 />
双标签 <双标签><双标签/>
第二种：有属性 <单表签 属性="值" 属性="值" />
<双标签 属性="值" 属性="值"></双标签>
无属性
第三种：默认的显示方式
行内元素（内联元素）——在水平方向上显示
块级元素——在垂直方向上显示
四、HTML的标签：
1、换行标签：<br/> 强制换行
插入——文本——换行符
快捷键——shift+回车
2、水平分割线：<hr/>
属性：width="500"——绝对宽度
width="50%"——相对宽度
size="20"——粗细程度
noshade="noshade"——实心（阴影）
color="#FF0000"——十六位进制（a-f0-9）
color="red"——颜色的英文名称
color="rgb(255,0,0)"——十进制的颜色（rgb）
align="left/center/right"——水平对齐方式
3、段落标签：<p></p> 强制分段
插入——文本——段落
快捷键——ctrl+shift+P
属性：align="left/center/right"——水平对齐方式
4、文字标签：<font></font>
属性：face="微软雅黑"——字体
color="red"——颜色
size="1-7/+/-"——字号
5、标题标签：<hn></hn>
插入——文本——标题
快捷键——ctrl+n（1-6）
属性：align="left/center/right"——水平对齐方式
注意：<h1></h1>—— 一个页面只能出现一次
6、特殊字符
<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<s>删除线</s>
<strong>语气加粗</strong>
<em>语气倾斜</em>
<ins>下划线</ins>
<del>删除线</del>
空格： ctrl+shift+空格
浏览器只会识别到html代码中的一个空格的位置
7、其他标签：
1）缩排标签：<blockquote></blockquote>
2）格式化标签：<pre></pre>
8、列表
1）无序列表
<ul>
<li>列表项目</li>
</ul>
属性：type="disc/circle/square"——实心圆/空心圆/实心方块
2）有序列表
<ol>
<li>列表项目</li>
</ol>
属性：type="1/a/A/i/I"
start="数字"——从第几个数字开始
3）定义列表
<dl>
<dt>项目</dt>
<dd>项目下的解释说明</dd>
</dl>
9、图像
1）背景图像:<bodybgcolor="red" bacground="url"></body>
属性：bgcolor="red" ——背景颜色
bacground="url"——背景图片
2）插入图像:<imgsrc="url" />
属性：width="200"——宽度
height="100"——高度
alt="替换文本"
border="1"——边框的粗细
vspace="垂直上下两端与物件距离"
hspace="水平左右两段与物件距离"
align="top/bottom/left/middle/right"——图片和文字的关系
top——文字向上靠
bottom——文字靠下
left——图象靠左,文字靠右
middle——文字靠中
right——图片靠右,文字靠左
3）图像的路径
绝对路径——路径的一个清晰轮廓
相对路径——相对于站点根文件夹
<imgsrc="3.gif" /><!--图片和文件在同一级-->
<imgsrc="images/4.gif" /><!--图片在文件的下一级-->
<imgsrc="../5.gif" /><!--图片在文件的上一级-->
<imgsrc="../img/6.gif" /><!--同级不同文件夹-->
快捷键：
新建——ctrl+N
保存——ctrl+S
另存为——ctrl+shift+S
撤销——crlr+Z
提示代码——ctrl+H
页面属性——ctrl+J
扫一扫
313
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
