1.什么是html?
超文本标记语言
超文本:
超越普通文本:
插入图片/音视频/超链接...
标记语言:
特点:
本身不具有行为能力和逻辑能力,只能被读取
<div>1+1</div>
2.特点
1.从上到下,依次解析,
2.大小写不敏感
3.容错性
<div>
<p></p>
</div>
<p></p>
3.基础语法
1.空白语法
<div>hello world</div>
pre: 段落标签
hello world
13px
p:段落标签
16px
2.字符实体
<div>
&实体名称;
nbsp
quot
copy
lt
gt
....
3.注释
<!--注释内容-->
注释的作用:
更加便于代码的维护和管理,更具有可读性
注释不可以嵌套使用
<!--注释
<!--注释内容-->
内容-->
4.创建文件
.html
.css 后缀名的文件
4.标签
1.声明标签
<标签名称 ></标签名称>
元素
<div>hello</div>
空元素 /单标签
标签不能交叉嵌套
2.属性
写在开始标签内部
多对属性之间用逗号隔开
属性名和属性值用等号连接
属性值为非布尔类型,必须使用字符串
属性值为布尔类型,属性值默认为ture
readonly=“”
readonly=‘ture’
readonly=‘readonly’
readonly
共有属性 id class style title
私有属性 只能当前元素自己用
自定义属性 flag=‘0’ 不具有实际意义
3.分类
块级元素
独占一行空间 可以设置宽高 默认占满整个父级元素 默认高度由内容撑起
<p></p><p></p><pre></pre>
行内元素
可以和其他因素共享一行空间 不能设置宽高 不能直接设置上下的内外边距
<span></span>
<b></b>
<em></em>
<img src="" alt=""><a href=""></a>
4.标签名称
无意义标签
<div></div>
<span></span>
用于布局
body ;默认有8px的外边距
p ;16px
pre;13px
div
h1~h6
列表
ul>li
ol>li strat reversed
dl>
dt
dd :li
span
a:超链接标签
href:url
http://
锚点 锚点用id标识 #value
邮箱地址 malito
target:_blank 和_new一样 _self
strong
<strong></strong> 将内容交给搜索引擎 b标签只做样式修改
b
<b></b>
em 和搜索引擎相关
i 斜体和样式相关
u
del
img
<img src="" alt=""> width height 特殊的行内元素
sub 下标
sup 上标
table
thead
tboby
tfoot
tr
th/td
caption
colgroup
col 一列
span 属性 num
from 表单 和服务器交互
action
method
name
target
子组件:
input
image 图片按钮
file 文件上传域
hidden 隐藏域
type
name
前后台交互
name="username"设置给文本框
username="用户输入内容"
value
readonly
disabled
placeholder
提示用户输入 文本框中
size
文本框的长度 默认长度20px
maxlength
控制用户输入字符的个数
checked
对于单选框或者多选框默认选中
select
name
disabled
size
option
value
disabled
selected
button
type:
submit
reset
button 在form表单内部会提交表单
textarea
lable
filedset
多选还是单选