HTML(二)

A 标签

a标签是我们在写页面的时候最常用的标签了,相信大家都已经熟悉它的用法了,在这里我只是写一下在开发中注意的几点。

  • 1.属性 href 的属性值可以加双引号,也可以不加。但一般都加上。
  • 2.属性 title 的属性 当鼠标悬停在超链接上面的时候给出的提示信息。
  • 3.如果要给超链接加颜色样式,必须直接作用于超链接上。超链接是无法继承父类的颜色的。但是字体大小等可以继承。
  • 4.伪类选择器实际上是一种状态,并不含有任何意义 。
  • 5.a:link 未访问的链接 a:visited 已访问的链接 a:hover 当有鼠标悬停在链接 a:active 被选择的链接 基本上我们常用的也就是hover了。
  • 6 锚点 现在用的也很少了,基本上现在考JS来实现了。
  • 7 现在主要用法之一就是配合无序列表做导航条。

Table 表格

以前的话,全是table来布局,不过那好像是很遥远的时候了(白垩纪?),现在基本上用CSS来布局。所以现在表格终于做回它自己了,就是表格。

  • 1.border-collapse:collapse 边框重叠。在table标签中设置。
  • 2.table 里面的行对齐 text-align='center' vertical-align: middle;="middle" 实际上是对内容操作。(text-align 以后会在CSS各种居中详细解释。还有表单的美化。)
  • 3.td text-align:center 给元素加一个高度 就会自动垂直居中。

列表

  • 1.无序列表(ul li)
  • 2.有序列表(ol li)
  • 3.自定义列表(dl dt(表头) dd(表格内容))

表单

<form action="" method="">
  <input type="text" name="user">
  <input type="password" name="password">
  <input type="radio" name="sex" value="male">男
  <input type="radio" name="sex" value="female">女
  <input type="checkbox" name="hobby" value="basketball">篮球
  <input type="checkbox" name="hobby" value="basketball">篮球
  <input type="checkbox" name="hobby" value="basketball">篮球
  <input type="hidden" name="uid" value="id">
  <textarea name="name" rows="8" cols="40"></textarea>
  <select name="" id="">
    <option value=""></option>
    <option value=""></option>
  </select>
  <label for=""></label>
  <input type="submit" value="提交">
  <input type="reset" value="重置">
</form>

把用户提交的内容提交到后台
name : 表单提交时的名字
action : 提交的地址
method : 提交的方法

GET和POST方式区别 GET POST
提交方式(URL) 看得见 看不见
数据大小 1K大小 后台设置
安全性 安全性不高 安全性高

iframe

iframe 在一个页面中嵌入另一个页面
iframe src

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,530评论 1 41
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,153评论 1 92
  • HTML需要掌握标签 标签(空格分隔): H5+CSS [TOC] 常用标签 img 注意点 和H系列标签/p标签...
    袁俊亮技术博客阅读 2,128评论 1 8
  • post和get方式提交数据有什么区别? 表象不同,get把提交的数据url可以看到,post看不到 原理不同,g...
    庄海鑫阅读 1,145评论 0 3
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,876评论 32 459

友情链接更多精彩内容