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. 与图论的邂逅03：Lengauer-Tarjan

    回想一下,当我们在肝无向图连通性时,我们会遇到一个神奇的点——它叫割点.假设现在有一个无向图,它有一个割点,也就是说把割点删了之后图会分成两个联通块A,B.设点u∈A,v∈B,在原图中他们能够互相到达 ...

  2. keil在线烧录突然提示 No target connected #

    keil在线烧录突然提示 No target connected 运行环境 IDE:keil uvsion5 微处理器:STM32F0xx 系列 烧录器:ST-LINK/V2 问题描述 烧录新程序并进 ...

  3. vue的计算属性computed和监听器watch

    <template> <div> this is A.vue <br> <!--计算属性--> <label for="msg" ...

  4. 可能是最简单的把C++Lib包装成C#可用dll的方法

    (想直接看结果的直接翻到最后) 之前对C++接触不多,最近工作需要,第三方给了一个C++的lib库,我们需要把它封装一下在C#中调用.对方要是直接给Dll就省事了... 研究了一下,基本有三个方向: ...

  5. javascript学习-基本类型

    javascript学习-基本类型 1.概述 javascript的数据类型大体上分两种:基本类型和对象类型.简单的区分就是基本类型是无法再分的原子级类型:对象类型是容器,可以容纳基本类型和对象类型. ...

  6. Flask实战-留言板-使用Flask-DebugToolbar调试程序、Flask配置的两种组织形式

    使用Flask-DebugToolbar调试程序 扩展Flask-DebugToolbar提供了一系列调试功能,可以用来查看请求的SQL语句.配置选项.资源加载情况等信息.这些信息在开发时会非常有用. ...

  7. Connector for Python

    连接mysql, 需要mysql connector, conntector是一种驱动程序,python连接mysql的驱动程序,mysql官方给出的名称为connector/python, 可参考m ...

  8. awk、sed、date命令使用

    个人学习笔记总结 [root@a ~]# awk 'END{print NR}' c.txt       #没错,这就是文件的行数,当然,这种统计方法不是linux下最快的,但也是一种思路3[root ...

  9. volatile关键字作用

    1.阻止编译器对代码进行优化.即读取某个变量值时,不从寄存器中读取而是从变量里读. 2.编译器的优化 在本次线程内,当读取一个变量时,为提高存取速度,编译器优化时有时会先把变量读取到一个寄存器中:以后 ...

  10. QSettings 类

    一 .QSettings介绍: 用户通常希望应用程序记住其设置.在windows中,这些设置保存在注册表中,ios在属性文件列表中,而unix,在缺乏标准的情况下,其存储在ini文本中.QSettin ...