关于HTML的一切(一)

1、元素:指的是从开始标签到结束标签的所有代码

2、HTML链接:

  去除下划线:text-decoration:none;

  href属性:指向另一个文档的链接

  name属性:创建文档内的链接

<a name="tips">hello</a>
<a href="#tips">跳转到hello</a>

  target="_self":在本页面打开

  target="_blank":在新页面打开

  target="top":在最外层的压面打开,意思就是说代开新的窗口在新页面内打开

  target="parent":当前页面有多层时,在承载本页面的父级页面打开

3、表格使用<table><tr><th><td>

  在HTML5中,表格的属性可以不写在表格标签内,写在样式表内也可

  垂直对齐:vertical-align属性

  表格标题:caption

  表格边距:cellpading

  表格间距:cellspacing

  不显示表格边框:去掉"border"属性。

4、列表

  无序列表:<ul type="disc,circle,suqare">——实心圆,空心圆,方块

  有序列表:<ol type="A,a;I.i;"/star="10">——大小写字母;大小写罗马;定义从几开始的数字

  自定义列表:<dl><dt><dd>

5、表单

  表单:<form method="get/post" action="服务器文件"></form>

  控制标签:<label for="ID值"></label>

  输入域:<input type="text/password" id="ID值" name="后台获取数据对应" value="预显示的文本">

  文本域:<textarea rows=""  cols=""></textarea>

  下拉列表框:

<slecet>
    <option value="提交值" select="selected">
    <option value="提交值">
    <option value="提交值">
</select>

  复选框:<input type="checkbox">

  单选框:<input type="radio" name="#">,name属性相同,使选项组合在一起,完成单选

  按钮:<button type="button">click me!</button>

  提交/重置按钮:<input type="submit/reset" value="按钮显示的名称">

  get/post:本标准答案参考自w3schools

  • GET在浏览器回退时是无害的,而POST会再次提交请求。
  • GET产生的URL地址可以被Bookmark,而POST不可以。
  • GET请求会被浏览器主动cache,而POST不会,除非手动设置。
  • GET请求只能进行url编码,而POST支持多种编码方式。
  • GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。
  • GET请求在URL中传送的参数是有长度限制的,而POST么有。
  • 对参数的数据类型,GET只接受ASCII字符,而POST没有限制。
  • GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。
  • GET参数通过URL传递,POST放在Request body中。

  与众不同的回答https://zhuanlan.zhihu.com/p/22536382

6、块元素、内联(行内)元素、内联块状元素

  块级元素:①独占一行 ②默认100%宽度 ③可设置宽、高、内/外边距

  内联元素:①与其他行内元素并列一行 ②大小为元素内容的大小 ③不可设置宽、高、内/外边距

       <a>、<span><br><td>

  内联块状元素:①与内联或内联块状元素并列一行 ②可设置宽\高\内/外边距

       <img>、<input>

7、居中

  定宽块状元素居中:margin:0 auto;

  不定宽块状元素居中:①加入table标签,其宽度由内容而定,再用margin;

            ②dispaly:inline,然后用text-align;

            ③position:relative;left:50%;float:left;

  内联元素、内联块状元素:对其父级元素设置text-align:center;

  PS:当出现position:absolute 或者float:left/right时,元素的display属性自动变成inline-block

  

时间: 2024-10-17 22:20:34