1.src 图像地址;2.alt 图像的代替文字;3.title 鼠标悬停提示文字;4.width 图像宽度;5.height 图像高度;
src = "path" alt = "text" title="text" width="x" height="y"/>
6.href 超链接要连接的路径;7.target 链接窗口
href = "www.baidu.com" target = "_blank">百度一下
8.html常用标签
属性名 |
含义 |
属性值 |
align |
设置内容的对齐方式 |
left:左对齐、right:右对齐、center:居中对齐 |
size |
设置水平线的高度 |
以像素计 |
color |
设置内容颜色 |
可以用颜色名称、十六进制的颜色、rgb |
width |
设置内容宽度 |
可以是确定的像素值,也可以是浏览器窗口的百分比 |
height |
设置内容高度 |
可以是确定的像素值,也可以是浏览器窗口的百分比 |
9.video 播放视频属性 ;10.
属性 |
值 |
说明 |
controls |
controls |
如果出现该属性,则向用户显示控件,比如播放按钮 |
autoplay |
autoplay |
如果出现该属性,则视频在就绪后马上播放 |
loop |
loop |
如果出现该属性,则当视频结束时重新开始播放 |
preload |
preload |
如果出现该属性,则视频在页面加载时进行加载,并预备播放 |
muted |
muted |
如果出现该属性,视频的音频输出为静音 |
width/height |
length(px) |
设置视频播放器的宽度和高度 |
11.audio播放音乐需要的属性;12.controls即可控制视频播放也可控制音乐播放;
<video src = " " controls>
<audio src = " " controls>
13.header 标记头部区域内容;14.footer标记脚部区域内容;15.section 网页中一块独立的区域;16.article 独立文章的内容;17.aside 相关内容或应用;18.nav导航类辅助内容;
<header>网页头部
</header>
<section>网页主体部分
</section>
<footer>网页底部
</footer>
19.
<iframe src = "path" name = "mainFrame">
在被打开的框架上加入name属性
= "mainFrame" src = " "/>
在超链接上设置target目标窗口属性为希望显示的框架窗口名
target = "mainFrame" >下边显示第二页
22.表单语法
= "post" action = "填入地址">
23.method 后面填入post或者get(post的安全度高于get) ;24. action 后面填入地址,表示向何处发送表单数据;
type = "text" name = "fname" value = "text"/>
25.type input指定元素类型;26.fname input指定表单元素名称;27.value input元素的值;28.name 填入名称用于数据传输之后进行辨认;
属性 |
说明 |
type |
指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button,默认值为 text |
name |
指定表单元素的名称 |
value |
元素的初始值。type 为 radio时必须指定一个值 |
size |
指定表单元素的初始宽度。当 type 为 text 或 password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位 |
maxlength |
type为text 或 password 时,输入的最大字符数 |
checked |
type为radio或checkbox时,指定按钮是否是被选中 |
⭐29.text 文本字段,默认值;password 密码字段(字段中字符会被隐藏);radio 单选框;checkbox 复选框;select 下拉框;button 可点击的按钮;textarea 多行文本域;file 文件选择字段和"预览..."按钮,供文件上传;
email 用于e-mail地址的字段;url 用于输入URL的字段;number 用于输入数字的字段;range 用于精确度不重要的输入数字的控件;search 用于输入搜索字符串的文本字段;