1.声明:
<!DOCTYPE html>
2.头:
<head></head>
3.网页标题:
<title></title>
title:标题里写网页标题名称
4.主体:
<body></body>
body:所有的内容都要写在body里面
5.标题标签:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
h1最大 依次往下 h6最小
6.段落:
<p></p>
段落用p标签表示,p标签还可以替换h标签
7.加粗:
<b></b>
8.倾斜:
<i></i>
9.上标:
<sup></sup>
比如:10<sup>2</sup>
上标:10的2次方
10.下标:
<sub></sub>
11.插入线:定义插入字。
<ins></ins>
12.删除线:定义删除字。
<del></del>
13.图片标签,路径,提示:
<input type="image" src=
14.换行:
<br />
15.水平线:
<hr />
16.超链接:
<a https//.www.baidu.com></a>
17.锚链接:
<a name="top"></a><br />
<a href="#bo">直达底部</a>
<a href="#top">回到顶部</a><br />
<a name="bo"></a><br />
18.打开方式:
<taragr>
19.无序列表:
<ul type="disc">
<li>黄河远上白云间</li>
<li>一片孤城万仞山</li>
<li>羌笛何须怨杨柳</li>
<li>春风不度玉门关</li>
</ul>
无序列表:ul是无序列表,是块状元素,前后都会换行,li标签会有一定的缩进量</p>
disc默认值。实心圆。
circle空心圆。
square实心方块。
20.定义列表:
</ol>
<h1>学校分类</h1>
<dl>
<dt>大学:</dt>
<dd>研究生</dd>
<dd>本科生</dd>
<dt>高中:</dt>
<dd>普通班级</dd>
<dd>优秀班级</dd>
</dl>
定义列表:自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
21.有序列表:
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
有序列表:
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
22.表格:
<table></table>
表格
<table border="1" >
<tr style="height:50px;">
<th style="height:90px;width:80px;">序号</th>
<th style="width:80px;">姓名</th>
<th style="width:80px;">年龄</th>
<th style="width:80px;">爱好</th>
<th style="width:80px;">性别</th>
<th style="width:80px;">备注</th>
</tr>
表格:<!-- boder=1 删除就没有表格了-->
23.行:
<tr></tr>
行:<!-- tr:行 tr:可以设置高度 无法设置宽度--!>
24.单元格:
<td></td>
td:单元格,设置宽度
高度相冲突,会选最高值
同一行的是高度一致,同一列的是宽度一致
25.跨行合并:
rowspan
比如:
<tr>
<!-- 跨行合并也需要删除对应的单元格 -->
<td rowspan="2">2</td>
<td></td>
<td></td>
<td></td>
</tr>
跨行合并也需要删除对应的单元格
26.跨列合并:
colspan
比如:
<tr>
<!-- 跨列合并,需要删除对应的单元格 -->
<td colspan="2">ab</td>
<td>c</td>
<td>d</td>
<td>e</td>
<td>fg</td>
</tr>
跨列合并,需要删除对应的单元格
27.边框:
border
boder:边框
设置整体的高和宽
style="height":400px; width:1000px;
28.高度:
height="
29:宽度:
width="
30.表单:
<form></form>
所有内容都要写在form 表单中
31.表单的提交方式:
get post
form:
action:把数据发送给指定的服务器,都需要写在form中
method:数据提交的方式
32.文本框:
input type=“text”
33.get/post 区别:get :url 可见 数据不安全,传送的数据有大小限制
post:url 不可见 数据安全, 理论上没有大小限制
34.密码框:
password
35.电话框:
tel
36.地址框:
url
37.滑块框:
range
38.数字框:
number
39.日期框:
日期框:@1.time时间 @2.date日期 @3.week周年 @4.datetimeUCT时间 @5.datatime-local本地时间 @6.month月份年份
40.邮箱框:
email
41.颜色框:
color
42.搜索框:
search
43.单选:
radio
例如:
<input type="radio" value="否" name="submit" checked/>否
<input type="radio" value="是" name="button"/>是<br />
44.多选:
checkbox
例如:
爱好:<input type="checkbox" value="唱" name="hobby" checked/>唱
<input type="checkbox" value="跳" name="hobby" checked/>跳
<input type="checkbox" value="rap" name="hobby"/>rep
<input type="checkbox" value="篮球" name="hobby"/>篮球<br/>
45.默认选中:
checked
例如:性别:<input type="radio" name="男" name="sex"/>男
<input type="radio" name="女" name="sex" checked/>女
46.下拉列表:
selected
例如:籍贯:<select name="address">
!-- 下拉列表 selected 默认选中
如果有value 会提交value没有value提交option中间的值
-->
<option value="1">北京市</option>
<option selected>河北省</option>
<option>河南省</option>
<option>山东省</option>
<option>山西省</option>
</select><br />
47.下拉默认选中:
checked
48.文本域:
text
49.文件提交方式:
post
<input type="file name="post
<!--特别注意事项:有文件上传时,必须使用post提交
需要在form中添加:enctype="mutipart/form-data"
告诉浏览器,现在提交的是文件
-->
照片:<input type="file" name="photo"/><br />
50.多行文本域:
<textarea></textarea>
多行文本域:例如:
简介:<br /> <!-- 多文本域 -->
<textarea name="jj" cols="130" rows="10">这是个人简介
51.提交按钮:
submit
<input type="submit" value="登录"/> /提交
52.重置按钮:
reset
<input type="reset" value="重置"/>
53.普通按钮:
button
<hr />
<!-- 普通按钮,无法提交 -->
<input type="button" value="按钮" />
<!-- 普通按钮,可以提交 -->
<button>按钮</button>
54.图片按钮:
input type=“image ”src
55.默认值:
默认值:value
<!-- 提交按钮 value:提交按钮的值 -->
56.最大值:max
最大值:max
<input type="max" value="2048000" name="max"/><br />
57.最小值:
最小值:min
例如:
<input type="min" value="51200000" name="min"/><br />
58.只读:
只读:readonly
59.禁用:
禁用:disabled
60.不能为空:
不能为空:requried
61.输入提示:
输入提示:placeholder
7.邮箱:<input type="email" name="email" placeholder="请输入邮箱"/><br />
62..背景颜色:
背景颜色:background-color
<tr style="background-color: darkslategray;">
63.字体颜色:
字体颜色:font-color
64.文本对齐方式:
text-align
例如:
<h1 style="font-family:align;text-align: center;">没有Google的情况下,上古时期程序员是怎样编程的?</h1>
65.聚焦:
acctofocus
66.尺寸:
size
67..步长:
step
68.最大长度:
maxlength