html标签元素

html标签

  1. 在HTML静态页面中，每个网页具有唯一`<html></html>`,即`<html>`标签。

html div标签

  1. 即网页中的盒子，起分割作用，分割内容使用的常用标签。DIV+CSS更是网页分割常用方法。

html span标签

  1. <!-- span为行内元素 -->
  2. <span>内容</span>

html a超链接标签

  1. <a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
  2. <!-- 通过a标签也可设置锚点链接 -->

html br与p标签

  1. br 换行标签
  2. p 段落标签

html H1 H2 H3 H4 H5 H6标签

  1. H1 H2 H3 H4 H5 H6标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。

html b与strong标签

  1. <b></b>与<strong></strong>都表示加粗

html em i u s hr标签

  1. em: 强调标签
  2. i: 斜体
  3. u: 下划线
  4. s: 贯穿线
  5. hr: 水平线

html img标签

  1. <img src="图片路径" width="175" height="47" alt="" />

html sub sup标签

  1. sub: 下标
  2. sup: 上标

html nobr标签

  1. 不换行内容放入<nobr></nobr>中即可
  2. 此标签与 css white-space 功能相同

html form标签

  1. <form action="" method="get/post"> </form>

html label标签

  1. 点击<label>标签文字时，实现对应控件被选择，需要对应表单控件id的值与label标签内的for值相同。

html input标签

  1. <input name="" type="submit" value="提交" />
  2. <!-- type的取值：text, submit, checkbox, radio -->

html textarea标签

  1. <textarea name="test" cols="30" rows="4">
  2. textarea
  3. </textarea>

html select标签

  1. <select name="">
  2.   <option value="0">select1</option>
  3.   <option value="1">select2</option>
  4. </select>

html checkbox标签

  1. <form action="" method="get">
  2. 您喜欢的水果？<br /><br />
  3.   <input name="Fruit" type="checkbox" value="" />苹果
  4.   <input name="Fruit" type="checkbox" value="" />桃子
  5.   <input name="Fruit" type="checkbox" value="" />香蕉
  6.   <input name="Fruit" type="checkbox" value="" />梨
  7. </form>

html radio标签

  1. <input name="Fruit" type="radio" value="" />

html font标签

  1. <font color="#FF0000">font标签</font>

html 表格标签

  1. <table border="表格边框" width="表格的宽度" height="表格的高度" cellpadding="单元格内边距" cellspacing="单元格之间的间距">
  2.     <caption>设置表格的标题</caption>
  3.     <tr>
  4.         <th></th>
  5.         <th></th>
  6.     </tr>
  7.     <tr>
  8.         <td></td>
  9.         <td></td>
  10.     </tr>
  11.     <!--colspan：列跨度
  12.     rowspan：行跨度
  13.     bgcolor：背景颜色
  14.     background：设置背景图片
  15.     align：对其方式  值为left，center，right-->
  16. </table>

html 列表标签

  1. 无序列表，有序列表，自定义列表  列表可嵌套使用
  3. 无序列表：ul>li,  type类型有square正方形，circle空心圆，disc实心圆
  5. 有序列表：ol>li,  type类型有1，a，A，罗马数字
  7. 自定义列表：dl>dt+dd,  dt和dd并列

html标签

  1. 超文本标记语言规定以`<html>`开始，以`</html>`结束组成。也可以理解为HTML网页规定的规则；也可以理解为一篇网页缺少了`<html>`就不叫HTML。
  2. 同时网页中HTML标签需要加入DOCTYPE声明。这样网页CSS样式才能全能生效。

html div标签

  1. 1. 在DIV+CSS切图布局重构技术中，提到div，而在html中代码布局使用最多标签为div；
  2. 2. 故我们通常将网页重构说成div css制作；
  3. 3. Div本身没有什么特别之处，而div标签替代了以前table标签布局；
  4. 4. 他们通过对div标签对象设置不同样式实现我们要的美化效果；
  5. 5. 特性，通常一对未设置任何样式的div，独占一行。

html span标签

  1. 1. 在DIV+CSS切图布局重构技术中，除了常常使用div标签外也常常使用span标签布局；
  2. 2. 在DIV+CSS切图布局重构技术中，除了常常使用div标签外也常常使用span标签布局；
  3. 3. 他们也可以通过对span标签对象设置不同样式实现我们要的美化效果；
  4. 4. 特性，通常一对未设置任何样式的span，高宽是自适应内容，多容多少，此标签就占用多少距离空间。

html a超链接标签

  1. - href值后跟网址URL或相对地址
  2. - target目标值
  3.   - _blank -- 在新窗口中打开链接
  4.   - _parent -- 在父窗口中打开链接
  5.   - _self -- 在当前窗体打开链接,此为默认值
  6.   - _top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)
  7.   - 如果target不带值，代表在本页父窗体中打开链接

html br与p标签

  1. 首先，相同之处是br和p都是有换行的属性及意思
  2. 其次，区别`<br />`是只需一个单独使用，而`<p>`和`</p>`是一对使用。再次，br标签是小换行提行，p标签是大换行（分段）各行作用。

html H1 H2 H3 H4 H5 H6标签

  1. 针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字，搜索引擎也会格外注重你所注重关键字与内容，但切记无滥用。

html b与strong标签

  1. Html b与html strong加粗标签用法没有区别，一般想节约字节字符就用b加粗标签

html em i u s hr标签

  1. * em: 标签（html em强调标签）告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体方式呈现给大家显示，这个与html I斜体标签相同效果。
  2. * i: 斜体标签元素告诉浏览器把其加i标签的文本以斜体方式显示给浏览者。
  3. * u: 划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。
  4. * s: 删除线标签告诉浏览器把其加s标签的文本文字加删除划线样式（文字中间一道横线）呈现显示给浏览者。
  5. * hr: html Hr水平线特点是100%宽度水平分割线，并且独占一行，hr水平线将与上下内容一定距离。

html img标签

  1. * Src 跟图片路径
  2. * Width 设置图片宽度
  3. * Height 设置图片高度
  4. * Alt 设置对这张图片文字描述，通常设置描述是为了搜索引擎能读懂你这张图片表达内容（有利于搜索引擎优化因素而使用）
  5. * Img标签在html中是引入外部图片到网页中显示的标签。

html sub sup标签

  1. * 需要上浮上标的内容前加`<sup>`后加`</sup>`标签
  2. * 需要下浮下标内容前加`<sub>`后加`</sub>`标签

html nobr标签

  1. 如不遇到br换行标签，内容在一行显示完，如遇到br换行标签，内容将在加br换行自动换行。

html form标签

  1. Method的值为get时，是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交处理
  2. Method的值为post时，是通过类似缓存传填写内容与参数，而URL是不能看到form表单填写内容提交内容。

html label标签

  1. `<label for="man">男</label>`
  2. Label标签内文字更加需要填写
  3. Label标签内for属性的值为自定义，一般与想实现点击会触发控件对象的ID对应相同

html input标签

  1. - Name为此表单控件识别命名，一般使用英文字母在一个页面里具有唯一性
  2. - Type为表单控件样式
  3.   - type="text" 输入框控件，用于输入内容如用户名、密码之类内容输入框控件
  4.   - type="submit" 按钮控件，用于提交、重置动作
  5.   - type="checkbox" 多选复选框控件，用于多选题、多选功能
  6.   - type="radio" 单选框，用于单选，唯一选择功能

html textarea标签

  1. name为传值命名
  2. clos为字符宽度（每行输入文字多少宽度）
  3. rows为行数，默认输入框区域显示高度

html select标签

  1. 我们使用表单下拉列表选择数据，如省、市、县、年、月等数据，我们即可使用下拉菜单表单进行设置。
  2. select 我下拉列表菜单标签
  3. Option为下拉列表数据标签
  4. Value 为Option的数据值（用于数据的传值）

html checkbox标签

  1. 使用html input标签，name为自定义，type类型为“checkbox”的表单

html radio标签

  1. 使用html input标签，name为自定义，type类型为“radio”的表单

html font标签

  1. 标签直接使用color颜色参数设置文字颜色，值可以直接加RGB颜色值（#FFFFFF 、#000000 、#F00）
  2. RGB颜色值在实际布局时候确定，可以使用Photoshop（简称PS）拾取工具进行获取获得。

html 表格标签

  1. table即生成一个表格
  2. tr 表示一行
  3. th，td 表示一个单元格，th一般用作标题

html 列表标签

  1. <!-- 无序列表 -->
  2. <ul>
  3.   <li></li>
  4.   <li></li>
  5. </ul>
  6. <!-- 有序列表 -->
  7. <ol>
  8.   <li></li>
  9.   <li></li>
  10. </ol>
  11. <!-- 自定义列表 -->
  12. <dl>
  13.   <dt></dt>
  14.   <dd></dd>
  15. </dl>

HTML基础-标签的更多相关文章

  1. HTML基础标签入门

    HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...

  2. HTML常用基础标签

    HTML常用基础标签 带有语义的标签 <em> </em> 强调 <strong> </strong> 比em强调级别高 <abbr> &l ...

  3. html_基础标签

    块级标签: 默认情况会占位一整行行内(内联)标签:默认只有自己的大小 块级标签如: <div>我是字</div>  <h1>标题1</h1>  < ...

  4. IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 HTML基础标签

    指引 网页中的信息主要是以文本为主的,可以通过字体.大小.颜色.底纹.边框等来设置文本的属性.文字版面的编辑包括文本标签和格式标签两种,在浏览器中显示的文字内容和格式都要在<body>标记 ...

  5. HTML&CSS基础-标签的属性

    HTML&CSS基础-标签的属性 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!-- html 根标签,一个页面中有且只有一个根标签,网页中的 ...

  6. HTML基础标签图片文本超链接列表表格介绍

    1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格 ...

  7. HTML基础标签学习

    HTML基础学习 前言 HTML基础学习会由HTML基础标签学习.HTML表单学习和一张思维导图总结HTML基础三篇文章构成,文章中博主会提取出重点常用的知识和经常出现的bug,提高学习的效率,后续会 ...

  8. HTML基础标签

    [HTML写法标签][HTML字体段落标签][锚点][有序无序列表][表格] 一.HTML写法标签:双标签:<标签名>内容</标签名>单标签:<标签名 内容/> 二 ...

  9. HTML基础-- 标签、表格

    <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body& ...

  10. html基础标签-1-pre预格式标签

    pre预格式标签 code,tt标签 1 <!doctype html> 2 <html lang='zh-cn'> 3 <head> 4 <meta cha ...

随机推荐

  1. java 实现递归实现tree

    package app.util; import java.util.ArrayList; import java.util.List; import com.alibaba.fastjson.JSO ...

  2. java异常处理规范

    异常处理的优势[存在意义]:异常检测者有检测出异常的能力,但不知道在出现该异常的情况下应该怎么处理.故库方法一般会抛出异常给调用者来处理.所以总结而言,异常处理的优势就是,将处理错误(调用者处理)从检 ...

  3. SQLiteOpenHelper+ContentProvider的使用

    效果图: PetDbHelper package com.example.admin.pets; import android.content.Context;import android.datab ...

  4. Django_modelform组件

    modelForm 组件 概念 将数据库与form 组件结合用起来的中间插件 与 form 组件的区别 form组件的难处: form 可以实现 对数据的验证以及 form 的表单标签的生成 但是她做 ...

  5. 利用 UDF 轻松迁移

    位运算.布尔运算和逐位运算的乐趣 如果您正从支持位运算.布尔运算以及一些函数的数据库迁移到 IBM® DB2® Universal Database™(UDB),那么您也许会对如何在 DB2 中处理这 ...

  6. vm Linux centos 链接外网

    修改network配置 vi /etc/sysconfig/network-scripts/ifcfg-ens33 修改ONBOOT=yes 重启服务 service network restart ...

  7. POJ - 3616 Milking Time (动态规划）

    Bessie is such a hard-working cow. In fact, she is so focused on maximizing her productivity that sh ...

  8. python之OpenCv(五)---抓取摄像头视频图像

    OpenCV 可以通过 头videoCapture()方法打开摄像 摄像头变量 = cv2.VideoCapture(n)   n为整数,内置摄像头为0,若有其他摄像头则依次为1,2,3,4,... ...

  9. linux,pthread（转）

    互斥量.条件变量与pthread_cond_wait()函数的使用,详解(二)   1.Linux“线程” 进程与线程之间是有区别的,不过linux内核只提供了轻量进程的支持,未实现线程模型.Linu ...

  10. PHP循环语句深度理解分析——while, for, foreach, do while

    循环结构   一.while循环  while(表达式)  {   循环体;//反复执行,直到表达式为假  } 代码: $index = 1; while ($index<5) {        ...