Review (a)

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 = "postaction = "填入地址">

         </form>

23.method  后面填入post或者get(post的安全度高于get) ;24.  action  后面填入地址,表示向何处发送表单数据;

         <input type = "text"  name = "fnamevalue = "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  用于输入搜索字符串的文本字段;

Guess you like

Origin www.cnblogs.com/yangshuwen/p/12068721.html