HTML(二)

作者: petertou | 来源:发表于2016-05-29 12:34 被阅读0次

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

相关文章

  • HTML二

    三、HTML的复杂标签 1、表格标签 table  定义一个表格  tr  定义表格中的行    td  定义表中...

  • HTML(二)

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

  • HTML学习笔记--11.21

    一、html代码 二、html标签 三、html页面预览

  • 解决事件需要e对象,还需要传别的参数

    方法一 HTML JS 方法二: HTML JS 方法三: HTML JS

  • JAVA 之 HTML知识框架

    HTML简介 一. html是什么 二、html基本标签 三、html表单标签(重点) 四、html框架标签及其他

  • 二.HTML基础

    一.HTML 标题 HTML标题(Heading)是通过 - 等标签 二.HTML 段落 HTML段落是通过 标签...

  • web前端入门到实战:css3 loading (缓冲,等待效果

    效果一 HTML CSS 效果二 效果三 HTML CSS

  • HTML基础(二)

    1.给div命名,使逻辑更加清晰 语法: … 2.创建表格的四个元素: table、tbody、tr、th、td ...

  • HTML笔记二

    HTML计算机代码 HTML键盘格式 kbd元素定义键盘输入 打开一个文件,选择 File |Open... ...

  • HTML基础二

    HTML列表: 在html中,列表共分为三种:有序列表,无序列表和自定义列表 有序列表:有序列表中的各个列表都是有...

网友评论

      本文标题:HTML(二)

      本文链接:https://www.haomeiwen.com/subject/aykqdttx.html