HTML+CSS移动WEB开发HTML5

HTML+CSS基础学习-认识标签

2014-12-16  本文已影响1465人  RK_CODER

div

<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

div标签中内容相当于一个独立的逻辑部分，属于块级元素。

table

<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

thead、tbody、tfoot标签使用的话必须全部使用，并且出现的次序是：thead、tbody、tfoot，在table内部使用。

a

<a href="链接" title="标题" target="方式" ></a>

<a>标签定义超链接，用于从一个页面跳到另一个页面，跳到的页面由属性href设定，重要属性还有target设置何处打开链接文档，如_self当前页面打开，_blank新页面打开，title文本内容，用于描述链接地址的内容，鼠标停留在链接文字上时，会显示该文本内容，实际网页开发中作用很大，方便搜索引擎了解所链接地址的内容，语义化更友好。另外还可以链接Email地址，使用mailto，详细如图：

`<a>`标签mailto详细用法<br>图片来源：慕课网`<a>`标签mailto详细用法<br>图片来源：慕课网

img

<img src="图像地址" alt="替代描述文字" title="图像描述文字" />

图片标签，使用<img>向网页中插入图片。主要属性有：

form

<form action="提交的地址" method="提交方式">
...
</form>

<form>标签用于为用户输入创建 HTML 表单，用于向服务器传输数据。主要属性：

表单的所有控件必须放在<form></form>标签之间，常用控件有文本框、文本域、单选框、复选框等。

input

主要属性：

当type为radio/checkbox时，可设置checked属性，控制是否默认选中。同一组单选按钮，name取值一定要一致。

textarea

文本域，多行文本输入。语法：

<textarea name="名称" row="行数" cols="列数">文本...</textarea>

select

<select>
    <option value="提交值">选项</option>
    <option value="提交值2" selected="selected">选项2</option>
    ...
</select>

下拉列表选择框，selected="selected"设置默认选中。在select标签中设置multiple="multiple"属性，可实现多选功能，但基本上没人使用。

label

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

<label> 标签为 input 元素定义标注（标记）.
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。

其他

上一篇 下一篇

猜你喜欢

热点阅读