HTML知识点总结

程序员文章站 2024-01-30 15:26:52

...

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：选项

表单中嵌套表单元素

HTML知识点总结

HTML基础

Web三要素：