Html
2023-06-21 10:18:29 0 举报AI智能生成
Html详细总结，尊重知识，请付费使用，感谢您的支持
作者其他创作
大纲/内容
Html标签
标签分类
<p>段落</p>双标签
<br/><hr><img><base><meta>单标签
标签关系
嵌套关系（父子）
并列（兄弟）
常用标签
p
br
hr
hx
图片标签
img src 图片来源路径
属性
title 鼠标经过时候显示文字
alt 图片不能正常显示时，文字替换
width宽度 height高度
链接标签
a herf
http://... 外部链接
index.html 内部链接
# 空链接
#和id搭配使用 锚点链接
注释标签
<!--注释-->
增强可读性
路径
路径是从html文件出发寻找的
相对路径
./ 同一级
./imges/xx.jpg
/ 下一级
images/xx.jpg
../上一级
../xx.jpg
绝对路径
列表
使内容排列整齐
无序列表
ul li
有序列表
ol li
自定义列表
dl dt dd
table表格
组成
table
里面仅能放表格内部的标签
tr 行
td 单元格
属性
width 宽度 height 高度
border 边框
cellpadding 单元格内边距 padding 全局边距
cellspacing 单元格之间的距离 margin 全局距离
align=center 居中
th 表头单元格
一般表示表格的第一行或第一列
文字加粗且会自动显示
表格标题
caption
写到table标签内部的下一行
合并单元格
跨行
rowspan
跨列
colspan
步骤
1.明确是跨行还是跨列
2.自上而下，自左而右，选择目标单元格
3.删除多余单元格
Web标准
结构
HTML
样式
CSS
行为
JavaScript
Html骨架
html
head
文档头部
文档标题 title
body
文档主体
DOCTYPE
文档类型 html5
字符集
charset="UTF-8"
from表单
目的：实现客户端与用户的交互
表单域
范围区域
form
action
把表单信息提交到某位置页面
method
get
post
表单控件
input（单）
text 单行文本
password 密码框
radio 单选按钮
checkbox 复选框
submit 提交
reset 重置
image 图像提交
file 文件域（上传文件）
select
下拉列表
option 选项
textarea
文本域 多行文本（可输入文字内容）
button
普通按钮
lable for
点击lable内的文字，光标可定位到相关id的表单内部
name
属性 名字 用来查找表单的
value
属性值 显示在表单内
提示信息
0 条评论
下一页
