一、基础知识
1.中文问题
中文乱码问题
可以在浏览器上设置编码方式为GB2312
或者在html的最前面加上编码设置
如果 GB2312不行,就用UTF-8
2.标签
HTML是Hyper Text Markup Language 超文本标记语言 的缩写
HTML是由一套标记标签 (markup tag)组成,通常就叫标签
标签由开始标签和结束标签组成
<p> 这是一个开始标签
</p> 这是一个结束标签
<p> Hello World </p> 标签之间的文本叫做内容
3.元素
元素指的是从开始标签到结束标签之间所有的代码
比如
<p>HelloWord</p>
4.属性
属性用来修饰标签的
比如要设置一个标题居中
写在开始标签里的 align="center" 就叫属性
align 是 属性名
center 是 属性值
属性值应该使用双引号括起来
5.注释
html使用<!-- --> 进行注释
二、基本元素
1.标题
标题会自动粗体,大写其中的内容,并且带有换行效果
一般会使用<h1> 到 <h5> 分别表示不同大小的标题
2.段落
<p>标签即表示段落
是paragraph的缩写自带换行效果
3.粗体
<b>
<strong>
都可以用来实现粗体的效果
4.斜体
<i>和<em>都可以表示斜体效果
5.换行符<
br
/>
6.预格式<
pre
>实现在网页中显示代码的效果。
7.删除效果
<del>即删除标签
8.下划线
<ins>即下划线标签
9.图像
参见:http://how2j.cn/k/html/html-image/185.html
10.超链
<a href="跳转到的页面地址">超链显示文本</a>
更多参见:http://how2j.cn/k/html/html-a/186.html
11.表格
参见http://how2j.cn/k/html/html-table/187.html
12.列表
列表分无序列表和有序列表
分别用<ul>标签和<ol>标签表示
13.块 div span
div和span区别
div是块元素,即自动换行
常见的块元素还有h1,table,p
span是内联元素,即不会换行
常见的内联元素还有img,a,b,strong
14.字体
参见:http://how2j.cn/k/html/html-font/644.html
15.内联框架
<iframe> 即内联框架
通过内联框架 可以实现在网页中“插入”网页
三、表单元素 详见:http://how2j.cn/k/html/html-text/191.html
1.文本框
<input type="text"> 即表示文本框
并且只能够输入一行
如果要输入多行
使用文本域<textarea>
注: <input> 标签很特别,一般是不需要写成<input />或者<input></input> 这样的。
并且<input> 这样的写法也是满足标准的
2.密码框
<input type="password"> 即表示密码框
3.表单
<form>用于向服务器提交数据,比如账号密码
4.单选框
<input type="radio" > 表示单选框
5.复选框
<input type="checkbox"> 即表示复选框
6.下拉列表
<select> 即下拉列表
需要配合<option>使用
7.文本域
<textarea> 即文本域
与文本框不同的是,文本域可以有多行,并且可以有滚动条
8.各种按钮