HTML

最新推荐文章于 2021-11-25 10:26:07 发布

lwz694519876

最新推荐文章于 2021-11-25 10:26:07 发布

阅读量310

点赞数

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/lwz694519876/article/details/78268469

版权

HTML/CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML
hypertext markup language 超文本标记语言
java 编译语言

网页制作：
html标记语言
css样式
javascript 脚本语言

浏览器/服务器
B/S 架构
超文本数据传输协议
C/S 架构
Client 客户端
server 服务端

html文档
html 4.01
html:4t
htnl:4s Tab键
SGML语言
标准通用标记语言
html 5
document
<!DOC html>
<html>
<head>
作者信息，元信息，标题，css样式，js脚本
<meta />
<title></title>
<style></style>
<link />
<script></script>
</head>
<body>
给用户看的
</body>
</html>
<body 属性名="属性值">
hello
</body>
核心属性
id
class
style 样式
title 标题，提示信息
html标签
段落
p
标题
h1 - h6
强调
strong b
em/i
s
u
sub 下标
sup 上标
html标签
块级元素
独占一行 p
行内元素
与其他元素共享一行 strong b
空元素
单标签 meta img
替代元素
形态不固定 input

无论有多少空格，页面都会解析一个，如果想使用多个空格，那么使用实体，  
小于大于
< <
> >
注释


a标签
herf 属性

http:www.baidu.com/index.html
相对路径
./ 当前目录
../ 上一级目录
绝对路径
url （统一资源定位符）路径
file:///c:/

锚点
给某一个标签起一个id名，让a标签的href属性值为#id
<p id="one"></p>
<a href="#one"></a>
邮件
<a href="mailto:694519876@qq.com">联系我们</a>

target属性
该属性表示链接文件打开的位置
_self 在当前选项卡中打开
_blank 以新的选项卡中打开

img标签
src属性：
相对路径绝对路径
alt属性
当图片显示不出来的时候，提示信息
width
设置宽度，以px为单位
height
设置高度，以px为单位
title属性
提示信息
style属性
设置样式

table表格
thead
tbody
tfoot
tr
th td

table标签
tr标签
td标签普通单元格
th标签表头单元格
给td宽度，tr高度
cellspacing 去除单元格之间的间隙
cellpadding 单元格边框与内容的间隙
border 给边框线宽度
width 表格宽度
bgcolor 背景颜色

#FFFFFF 白色
#000000 黑色
#红绿蓝
RGB(0,255,0,0.5) 0.5透明度在css样式表的background-color中使用

单元格合并
colspan属性
合并列
rowspan属性
合并行

表格的标题显示
caption标签
align属性设置对齐方式
top 上
bottom 下

列表
ol 有序列表
li 一个列表项
默认从1 开始
start属性设置开始的序号
<ol start="5">
<li></li>
</ol>
reversed 反转

ul 无序列表
li 一个列表项
默认实心圆
dl 自定义列表
dt 标题
dd 解释

details标签
summary 自定义名字

boolean属性的赋值
open
open="true"
open=""
open="open"

readonly
readonly="true"
readonly=""
readonly="readonly"

表单：form
form标签
表单控件
form标签的属性
action 将数据提交给后台的某个接口
method 表单提交的方式
get 默认的，数据显示在地址栏，不安全的
post 数据在请求体中
name属性起名字
<from name="one" id="one"></from>
<input form="one"/>
enctype属性表单的数据是用什么编码
application/x-www-form-urlencoded 默认的
multipart/form-data 文件上传与下载专用
text/plain 空格转化为+号

novalidate 表单不验证
target属性
提交之后的返回页面在哪打开
_self
_blank
input控件
使用type属性来控制具体的显示
text 单行文本框
password 密码框
hidden 隐藏框

submit 提交按钮
reset 重置按钮
image 提交图片按钮

radio 单选按钮
checkbox 复选按钮
file 文件上传按钮

button 普通的button按钮
label控件
label属性
for 属性为目标控件的id值
select控件
select标签 name multiple(多选) size（显示的行数）
option标签 value()
textarea控件
textarea标签 name cols(多少列) rows(多少行)
button控件
button标签
如果写在form表单内部的话，有提交功能<button></button>
<button type="button">普通按钮</button>
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>

input控件的type属性的其他值
date 年月日
time 时分
datwtime-local 年月日时分
week 年周
month 年月
search 搜索框
tel 电话框，需要自己验证
pattern属性，值为正则表达式
url url地址
color
number
range 滑块框
email 邮件框 @前后都有值
表单的控件属性
name 起名字，属性值为提交给后台的属性名
name="username" value="briup"
后台
username=briup
value值，会提交给后台，如果输入，将用户的值提交给后台
placeholder 占位符，提示的，不提交给后台
readonly 只读
disabled 禁用
required 必填
以下属性在提交按钮时使用
formaction 修改表单的提交地址
formmethod 修改表单的提交方式
formenctype 修改表单的编码方式
formnovalidate 修改表单不验证
formtarget 修改返回页面打开的位置

默认选中的
checked属性
radio,checkbox添加的
selected属性
select标签的option标签添加的