1.src image address; 2.alt image instead of text; 3.title a hover text; 4.width image width; 5.height image height;
<img src = "path" alt = "text" title="text" width="x" height="y"/>
Path 6.href hyperlink to connect to; 7.target link window
<a href = "www.baidu.com" target = "_blank">百度一下</a>
8.html commonly used tags
Property name |
meaning |
Property Value |
align |
Alignment of setting |
left: Left, right: the right alignment, center: Align |
size |
Set the height of the horizontal line |
In pixels |
color |
Set the color content |
You can use color names, hexadecimal color, rgb |
width |
Set content width |
Pixel values can be determined, or as a percentage of the browser window |
height |
Set the height of the content |
Pixel values can be determined, or as a percentage of the browser window |
9.video play video property; 10.
Attributes |
value |
Explanation |
controls |
controls |
If this attribute is present, then displayed to the user controls, such as play button |
autoplay |
autoplay |
If this attribute is present, the video playback immediately after the ready |
loop |
loop |
If this attribute is present, then when the end of the video to start playing again |
preload |
preload |
If this attribute is present, the video is loaded when the page is loaded and ready to play |
muted |
muted |
If the audio output of the property, the emergence of video mute |
width/height |
length(px) |
Setting the width and height of the video player |
11.audio播放音乐需要的属性;12.controls即可控制视频播放也可控制音乐播放;
<video src = " " controls></video>
<audio src = " " controls></video>
13.header 标记头部区域内容;14.footer标记脚部区域内容;15.section 网页中一块独立的区域;16.article 独立文章的内容;17.aside 相关内容或应用;18.nav导航类辅助内容;
<header><h2>网页头部</h2></header>
<section><h2>网页主体部分</h2></section>
<footer><h2>网页底部</h2></footer>
19.<iframe>内敛框架 (实现页面间的相互跳转) 20.path 引用页面地址 21.mainFrame 框架标识名
<iframe src = "path" name = "mainFrame"></iframe>
在被打开的框架上加入name属性
<iframe name = "mainFrame" src = " "/>
在超链接上设置target目标窗口属性为希望显示的框架窗口名
<a href = " " target = "mainFrame" >下边显示第二页</a>
22.表单语法
<form method = "post" action = "填入地址">
</form>
23.method 后面填入post或者get(post的安全度高于get) ;24. action 后面填入地址,表示向何处发送表单数据;
<input 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 用于输入搜索字符串的文本字段;