1,HTML的简单介绍:
goole 在6.0之后把apche 里面的技术砍掉全部用goole的
[0]由w3c组织研发
[1]什么是html
[1.1]HTML 指的是超文本标记语言 (Hyper Text Markup Language)
[1.2]HTML 不是一种编程语言,而是一种标记语言 (markup language) 没有逻辑可言
[1.3]标记语言是一套标记标签 (markup tag)
[1.4]HTML 使用标记标签来描述网页用来显示数据的
[2]html与xml的区别,xml标签都是自定义的 html中的标签都是预定义好的不能更改 一但更改一定报错
[3]html中的标签不用成对出现.比如:<br/>
[4]html格式
<html>
<body> body 里面的内容就是网页的里面的内容
<h1>My First Heading</h1>
<p>标签</p>
</body>
</html>
2,HTML基本标签
[1]字体
font 代表字体,size代表字体的大小,size的范围是从1~7,如果大于7也按7显示
color 代表颜色 16进制的颜色 6位前2位代表的R,中间2位代表的G 后面两位代表的B
RGB red green blue 三原色
<html>
<body>
<font size ="9" color="#aabbcc">王炸<font>
</body>
</html>
[2]标题 加粗 H1~H6 越小越大
<html>
<body>
<h1>家有五宝</h1>
<h2>家有五宝</h2>
<h3>家有五宝</h3>
<h4>家有五宝</h4>
<hr>
<h5>家有五宝</h5>
<h6>家有五宝</h6>
</body>
</html>
[3]水平线
<hr/>
[4]注释 和XML相似 HTML在源代码里面可以看到
<!-- -->
[5]特殊的字符
空格:
<html>
<body>
<h1>家有五      宝</h1>
<!-- 老头子-->
</body>
</html>
[6]head 可以放标题还可以放meta name 信息提供查找信息
<html>
<body>
<h1>家有五      宝</h1>
<!-- 老头子-->
<head>
<title>家有五宝</title> 更改标题
</head>
</body>
</html>
[7]图片标签
img 图片标签
src 图片地址
width:宽度
height:高度
border:边框
alt: 图片的描述
<img src="c.jdp" white="400" height ="400" border=2 alt ="王炸">
[8]超连接
a 超连接
href 连接地址
target _self 自身
_blank 新的
<a href="#" target="_self">家有五宝</a>
<a href="#" target="_blank">家有五宝</a> <!== 家有五宝只是一个连接 可以改成任何超链接的形式==>
3,HTML列表标签
[1]自定义列表
dl 定义列表
dt 上层内容
dd 下层内容
<html>
<body>
<dl>
<dt>三国演义</dt>
<dd>大乔</dd>
<dd>小乔</dd>
<dd>貂蝉</dd>
</dl>
</body>
</html>
[2]无序列表
ul type="circle"圆 type="square"方块 里面放 li
<ul type = "square">
<li>大乔</li>
<li>小乔</li>
<li>貂蝉</li>
[3]有序列表 多了一个序号
ol type="a" type="i" 里面放 li
<ol type ="a">
<li>大乔</li>
<li>小乔</li>
<li>貂蝉</li>
有序和无序表示不用。有序用符号来表示。无序没有符号
4,HTML表格标签
[1]table
border -->边框
bodrercolor -->边框颜色
cellspacing -->单元格之间的距离
cellpadding -->单元格与内容之间的距离
[2]tr 表示行
align
[3]td 表示列
单元格合并 是在td上进行操作的
小技巧:先数表格一共有多少行。在数每行有多少列
colspan 跨列
rowspan 跨行
跨行不包括自己
5,HTML表单标签
[0]form -->可以把控件上面的数据提交到服务器不写在form里面数据无法发送
method
name 属性 :action 提交的时候就会把这个值带过去,如果有显示需要添加value值来确定
get 以拼装的形式把数据提交给服务器、采用键值对的形式、数据都显示在地址栏上面 不安全、数据大小有限制 最大不能超过1kb(浏览器规定) 4kb(http协议规定)
post 以请求体的形式把数据提交给服务器 对数据大小没有限制
action
提交的地址
get的形式
[1]普通文本
<input type="text" />
[2]密码输入框
<input type="password" />
[3]普通按钮
<input type="button" value="登录"/>
[4]单选按钮
<input type="radio" name="sex" value=""/>
注意:加上一个name属性 要求name属性的值相同
[5]复选框
checkbox 添加复选框
checked 选中
<input type="checkbox" checked="checked" name="" value=""/>
[6]隐藏项
<input type="hidden"/>
[7]文件输入项
<input type="file"/>
[8]下拉选择框
<select nmae="">
<option value="">1990<option>
<option value="">1991<option>
<option selected="selected" value="">1992<option>
</select>
[9]文本域
<textarea rows=10 cols=5>
<textared>
[10]提交重置按钮
<input type="submit" value="登录"/>
<input type="reset"/>
6,其他标签
[1]pre 原样输出 里面写什么就原样输出什么
[2]p 段落
[3]s 内容带中划线
[4]u 内容带下划线
[5]b 内容加粗
[6]i 内容斜体
[7]div 块元素 ----会自动换行
[8]span 行内元素 ----不会自动换行
div
HTML案例
<html>
<body>
<from action = "#" method = "get">
<table>
<tr>
<td>注册邮箱:</td>
<td><input type ="text"></td>
</tr>
<tr>
<td></td>
<td>你还可以使用<a href ="#">帐号</a>注册或者<a href = "#">手机号</a>注册</td>
</tr>
<tr>
<td>创建密码:</td>
<td><input type ="password"></td>
</tr>
<tr>
<td>真实姓名:</td>
<td><input type ="text"></td>
</tr>
<tr>
<td>性别:</td>
<td><input type ="radio" name = "sex" value = "nan"/>男<input type ="radio" name = "sex" value = "nv"/>女</td>
</tr>
<tr>
<td>生日:</td>
<td>
<select>
<option>1993</option>
<option>1994</option>
<option>1996</option>
</select>年
<select>
<option>12</option>
<option>1</option>
<option>2</option>
</select>月
<select>
<option>23</option>
<option>24</option>
<option>25</option>
</select>日
</td>
</tr>
<tr>
<td>我现在:</td>
<td>
<select>
<option>在上课</option>
<option>在打游戏</option>
<option>在神游</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<img src="verycode.gif"/>
<a href = "#">看不清楚换一张</a>
</td>
</tr>
<tr>
<td>验证码</td>
<td><input type = "text"></td>
</tr>
<tr>
<td></td>
<td><input type = "image" src ="but_reg.gif"></td>
</tr>
</table>
</from>
</body>
</html>