HTML知识点总结

HTML基础

Web三要素：

1.浏览器，向服务器发送请求，下载服务器的网页（html），然后将html网页显示出来
2.服务器，接受浏览器相应的请求，将相应的网页发送给浏览器
3.HTTP协议，浏览器与浏览器之间交互的一种通讯协议

html：Hyper Text Markup Language
常用标签，属性，常用样式
作业：用来设计网页的标记语言

标签一般成对出现 ， 开始标签 结束标签

元素：元素=标签+内容

补充：XML：可扩展的标记语言

脚本语言：
HTML：制作一个规范整齐的页面，静态脚本：页面内容不会改变
JavaScript / JQuery（js的封装库） 动态脚本：网页有些交换效果，但不能喝服务器数据库进行交互
JSP / Servlet ：使用java语言和服务器数据进行交互

html常用标签：

<!--注释-->
<h1>一级标题</h1> ... <h6>六级标题</h6>
<p>段落</p>
<span>空标签</span>
<i>斜体</i>
<em>斜体</em>
<hr/>下划线
<br/>换行
<b>加粗</b>
<strong>加粗</strong>
<big>大号字</big>
<small>小号字</small>
<code>计算机文本</code>
<sup>上浮</sup>
<sub>下沉</sub>
<mark>标记<mark>
<ins>插入</ins>
<del>删除</del>
<acronym title="噢噢">啊啊</acronym>鼠标停留处出现内容
&lt; 小于号
&gt; 大于号
&nbsp; 空格
&copy; 版权符号
&quto; 引号
&reg; 注册商标
&trade; 商标
<img src="" alt="图片未找到"/>img中必须要有的属性，src属性：指定显示图片的路径
img常用属性：width：设置宽度  height：设置高度（为了避免图片拉伸或者压缩，宽和高只设置一个即可）
<a herf="http://www.baidu.com" target="">超链接</a> target：1._self:当前窗口跳转 2._blank:新建窗口打开
锚点：html中的某行的记号，用来链接到文档中某个位置。
定义锚点：<a name="名字" >内容</a>
链接到锚点上：<a herf="#名字">内容</a>

列表：
ul：无序列表 ol：有序列表

表格：table标签
由多行多列数据组成，表格中的行用tr ，列用td

table中的属性：
border：为表格添加边框
width：设置宽度
height：设置高度
align：表格的对齐方式
cellpadding：单元格边框与内容之间的间距
cellspacing：单元格之间的间距
bgcolor：背景颜色

tr中常用属性：
align：水平的对齐方向
valign：垂直对齐方向 top bottom middle

td中常用属性：
align：设置文本对齐方向
rowspan：跨行，表示该行占几行表示
colspan：跨列，表示该行占几列表示

框架布局：将一个页面分成若干部分，每一个部分嵌套一个页面，一般用来做后台管理页面

框架集：frameset
使用步骤：
1.将页面使用框架分块：frameset，不能与body一起使用
2.准备其他页面
3.使用框架页面关联其他页面
4.指定超链接的目标位置

超链接标签使用target属性关联

子框架：iframe

表单：用来显示，收集信息，并将数据提交到服务器中
表单元素：文本框，密码框，单选框，复选框，下拉列表

form中的属性：
action表单提交到的URL地址
method表单提交的方式：get或者post，默认为get，get能够看到提交数据，post看不到
enctype编码属性

表单中的控件
常用属性：type=" ":
text：文本输入框
password：密码框
radio：单选框
checkbox：复选框
file：上传文件
hidden：隐藏
button：按钮
submit：提交
reset：重置
image：图片

readonly：只读，一般用于文本框
disabled：禁用，一般用于按钮
select：下拉列表 option：选项

表单中嵌套表单元素

<form>…</form>
<input type=“类型” name=“分组” placeholder=“显示文字” value=“提交到服务器的值”>