(一)a 标签的用法
重要属性:href、target 等等。
作用:
- href 是超级引用,相当于建立一个超链接,href可以跳转外部页面,打开内部锚点,发送邮件,打电话等等。
- target 是指定在一个窗口打开页面。
![315506f94005ffc644a1df47fe148da3.png](https://i-blog.csdnimg.cn/blog_migrate/434711ee56d1649a6b79c5d8d264d66d.jpeg)
![ee8f680ec381c215ac56ac34ea96a014.png](https://i-blog.csdnimg.cn/blog_migrate/6a6ec4081f4e38f260be8a3bf4f22b97.jpeg)
(二)img 标签的用法
作用:发出一个get请求,然后展示图片
属性:alt 用来显示文字, height 高,width宽 ,scr图片地址
响应式:max-width:100%
![bd5a9e99c75c66428c102ea64440376a.png](https://i-blog.csdnimg.cn/blog_migrate/e3f5c3ee36266c7ec8a141d4c6b96b68.jpeg)
(三)table 标签的用法
相关的标签有thead tbody tfoot
相关的样 式 table-layout、border-collapse、boder-spacing、
![ad5a67a5b3d67f667c4ec7841d1f48f7.png](https://i-blog.csdnimg.cn/blog_migrate/dfd071ad1ae6056c340e9d9d767e89bf.jpeg)
![d12229dfd55cd6836b246ee85838797f.png](https://i-blog.csdnimg.cn/blog_migrate/68f64e45e90243c8765e4fd577b59e51.jpeg)
(四)form 标签
作用:发出get或者post请求,然后刷新页面
属性:
- action 控制请求某个页面
- autocomplete是否自动填充
- method 控制用get还是post
- target告诉浏览器用户提交的某个页面,某个页面应该刷新
事件:onsumbit 。
![bec504822cb4b54a9527d8515cda5b5a.png](https://i-blog.csdnimg.cn/blog_migrate/0f38dd38756d6e3678923aa9a9c7d0f8.jpeg)
(五)input 标签
作用:让用户输入内容
类型:
type:button、checkout、email、file、hidden、number、passworld、radio、search、submit、text......
name:autofocus、check、disabled、maxlength、pattern、value......
注意事项:form标签里面的input都要有name
form里面必须要有type=submit才能出发submit事件
![140acb264105404220137d5c20e5f567.png](https://i-blog.csdnimg.cn/blog_migrate/821959f18907eaa153ee0c46a8360cea.jpeg)
![2bba31d87e8156155b56d8c9df5b2349.png](https://i-blog.csdnimg.cn/blog_migrate/af8acbf30980704707c211a761ca2728.jpeg)