html:超文本标记语言

标记，标签，元素

单标签：<标签名  属性名="属性值" 属性名=“属性值” />

双标签：<标签名  属性名="属性值” 属性名="属性值”></标签名>

结构标签：

<html><head><meta charset="UTF-8"><title>标题</title></head><body></body></html>

排版标签：

p  h1-h6  div  span  hr  br  pre  blockquote

文本标签

b  strong  i  em  u  ins  s  del  big small  sup  sub font

列表标签：

ul>li    ol>li   dl>dt>dd

图片标签：  <img src="地址路径">

路径： 相对路径  绝对路径

html链接标签:

超链接：<a href="#"></a>   属性： target:_self(默认在当前窗口中打开)   _blank(在新窗口中打开)  title: 说明

举例： <a href="javascript:void(0)"></a>

锚链接： 锚链接实现是在当前页面中跳转

举例： <p id=‘id名’>内容</p>

<a href="#id名">内容</a>

link标签：

通过link标签可以设置网页的图标

<link rel="icon" href="favicon.ico">

注意：

1.要将link标签放到head标签中

2. link标签中的rel="icon"

3. href="图标路径"

4. 一般将网页图标放到网站跟目录下

表格标签： table>tr>td,th

属性名 含义 常用属性值
border 设置表格的边框宽度 像素值（默认为0）
cellspacing 设置单元格与单元格边框之间空白间距宽度 像素值（默认为2）
cellpadding 设置单元格内容与边框线之间的空白间距宽度 像素值（默认为1像素）
width 设置表格的宽度 像素值
height 设置表格的高度 像素值
algin 设置表格在网页中的水平对齐方式 left  center  right
bgcolor 设置表格的整体背景颜色  
background 设置表格的整体背景图  
bordercolor 线颜色  

tr属性： bgcolor   background  height  align  valign(垂直)

td属性：

属性值 含义 常用属性值
width 设置单元格的宽度 像素值
height 设置单元格的高度 像素值
algin 设置单元格中内容的水平对齐方式 left、center、right
valign 设置单元格中内容的垂直对齐方式 top、middlle、bottom
rowsapn 设置要跨行(纵向)合并的单元格数 要合并的数量
colspan 设置要跨行(横向)合并的单元格数 要合并的数量
bgcolor 设置单元格的背景颜色  
background 设置单元格的背景图  

表格高级：

caption:  用于表示一个表格的"标题文字" (看起来在表格线的外面)，写在table标签中

thead:    用于表示一个表格"头部区域"，其中可以包含若干个tr行，tr中自然有td(或者th)

写在table标签中,tr外，即这样的层次: table > thead > tr

tbody:  用于表示一个表格"主体区域",其中可以包含若干个tr行，tr中自然有td(或者th)

写在table标签中,tr外，即这样的层次: table > thead > tr

tfoot:   用于表示一个表格"底部区域"，其中可以包含若干个tr行，tr中自然有td(或者th)

写在table标签中,tr外，即这样的层次: table > tfoot > tr

表单：

文本框: <input type="text" />

属性: maxlength 设置当前控件最多能输入多少个字符             value：当前控制的默认值           size: 表示控件的长度

readonly: 设置当前控件为只读模式                                  name: 当前控件的名称

disabled: 设置当前控件不能输入                                       id : 当前控件德唯一标识

密码框:   <input type="password"  />

提示按钮：

<fieldset>
      <legend>注册信息</legend>
</fieldset>

下拉列表:

<select>

<optgroup label="北京">

<option>海定</option>

<option>顺义</option>

<option>朝阳</option>

<option>昌平</option>

<optgroup label="河北">

<option>海定</option>

<option>顺义</option>

<option>朝阳</option>

<option>昌平</option>

</select>

HTML标记的更多相关文章

  1. [DS] 标记字段

    标记字段 代码中有时候有这种需求:需要一个公共访问的标记字段,以下称为标记字段. 下面是案例: 一个订单详情页面,如果页面在显示中,程序中其它地方需要访问这个"正在查看中"的订单信 ...

  2. JavaScript dom 动态创建标记

    此前的大多数DOM都是用来查找元素,getElementById和getElementsByTagName都可以方便快捷的找到文档中的某个或者某些特定的元素节点,这些元素随后可以用诸如setAttri ...

  3. 选择目录，选择文件夹的COM组件问题。在可以调用 OLE 之前，必须将当前线程设置为单线程单元(STA)模式。请确保您的 Main 函数带有 STAThreadAttribute 标记。 只有将调试器附加到该进程才会引发此异常。

    异常: 在可以调用 OLE 之前,必须将当前线程设置为单线程单元(STA)模式.请确保您的 Main 函数带有 STAThreadAttribute 标记. 只有将调试器附加到该进程才会引发此异常. ...

  4. HTML中的标记-遁地龙卷风

    第三版 上一版本在未经验证的情况下,盲目的认为很多东西是那样,造成错误,非常抱歉. 0.什么是标记 <input type="checkbox" checked />& ...

  5. Markdown与标记语言

    Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不要被「标记」.「语言」所迷惑,Markdown 的语法十分简单.常用的标记符号也不 ...

  6. git tag使用标记

    git跟其它版本控制系统一样,可以打标签(tag), 作用是标记一个点为一个版本号,如0.1.3, v0.1.7, ver_0.1.3.在程序开发到一个阶段后,我们需要打个标签,发布一个版本,标记的作 ...

  7. 面向内容的标记语言--markdonw

    引言: 我们习惯用html来展示数据,尤其是结合了js以及css之后,更是让html变得非常的绚丽,可是有些时候在感受绚丽的同时,我们往往对我们本身想要了解的内容变得漠不关心了,其实并不是所有的知识都 ...

  8. MVVM页面跳转 技巧性标记

    刚学MVVM 百度了很多概念性的东西 也参考了网上的例子 基本有了了解 但是我发现 我做了一个登录页面以后 我跳转咋办呢? VM里面咋做跳转? 问了一下其他的群友得到了一些启发.感谢“上海*松” 我仅 ...

  9. SVN使用教程之-分支/标记 合并 subeclipse （转）

    首先说下为什么我们需要用到分支-合 并.比如项目demo下有两个小组,svn下有一个trunk版.由于客户需求突然变化,导致项目需要做较大改动,此时项目组决定由小组1继续完成原来正 进行到一半的工作[ ...

  10. html 超文本标记语言

    1.html超文本标记语言 2.在html中存在着大量的标签,我们用html中存在的标签将要显示在网页的内容包含起来. 3.css 控制网页显示内容的效果. 4.html+css 只能是静态网页. 5 ...

随机推荐

  1. JDK丨WIN10配置JDK1.8 （解决javac不是内部或外部命令，也不是可运行的程序或批处理文件）

    1.下载JDK,安装. 2.配置JDK. (右键我的电脑 - 属性 - 高级系统设置 - 环境变量.) 2.1 添加系统变量JAVA_HOME 变量名:JAVA_HOME 变量值:C:\Program ...

  2. FB面经prepare: 3 Window Max Sum

    Given a num array, find a window of size k, that has a maximum sum of the k entries. follow-up: Find ...

  3. Java基础（Java补码）

    原码,反码,补码是java数值运算的基础,在计算机程序中,数值运算是基于二进制的,也就是说底层是二进制运算.而数值有正数与负数,二进制只有0和1,如何表示负数,如何进行正负数的运算,这就是原反补的意义 ...

  4. ld命令

    ld 用于把目标代码文件连接为可执行文件或者库文件 参数 -b: 指定目标代码输入文件的格式 -Bstatic: 只使用静态库 -Bdynamic: 只使用动态库 -Bsymbolic: 把引用捆绑到 ...

  5. Ubuntu14.04 安装 Sublime Text 3

    Linux下安装,一种办法是从官网下载 tar.bz ,手动安装.另一种是使用apt-ge安装 这里介绍用 apt-get 自动安装方法: 1.添加sublime text 3的仓库: sudo ad ...

  6. Hashtable几种常用的遍历方法

    Hashtable 在System.Collection是命名空间李Hashtable是程序员经常用到的类,它以快速检索著称,是研发人员开发当中不可缺少的利器. Hashtable表示键/值对的集合, ...

  7. 使用gulp构建一个项目

    gulp是前端开发过程中自动构建项目的工具,相同作用的还有grunt.构建工具依靠插件能够自动监测文件变化以及完成js/sass/less/html/image/css/coffee等文件的语法检查. ...

  8. python学习笔记之线程、进程和协程（第八天）

    参考文档: 金角大王博客:http://www.cnblogs.com/alex3714/articles/5230609.html 银角大王博客:http://www.cnblogs.com/wup ...

  9. python中split()的用法

    Python split() 通过指定分隔符对字符串进行切片,如果参数 num 有指定值,则仅分隔 num 个子字符串. 语法: str.split(str="", num=str ...

  10. （纯干货）最新WEB前端学习路线汇总初学者必看

    Web前端好学吗?这是很多web学习者常问的问题,想要学习一门自己从未接触过的领域,事先有些了解并知道要学的内容,对接下来的学习会有事半功倍的效果.在当下来说web前端开发工程师可谓是高福利.高薪水的 ...