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. 《linux就该这么学》第十三节课：第11章和第12章，vsftpd服务与samba和nfs服务

    第十一章 (借鉴请改动) 11.1.文件传输协议 FTP文件穿数协议,端口20用于数据传输,21端口用于传输相关FTP命令 ftp协议的两种工作模式: 主动模式:ftp向客户端发起 被动模式(默认): ...

  2. C语言实现迷宫小游戏

    代码如下,时间太晚,有空补注释: #include<stdio.h> #include<string.h> #include<time.h> #include< ...

  3. 最新阿里云服务器免费SSL证书配置HTTPS的两种方法（图文教程二）

    在大家学习如何利用免费SSL证书配置网站HTTPS之前,我们先要搞清楚为什么要开启HTTPS,这个绿色的小锁真的有用吗?所谓的HTTPS其实是(安全套接字层超文本传输协议)是以安全为目标的HTTP通道 ...

  4. 论文阅读（Weilin Huang——【ECCV2016】Detecting Text in Natural Image with Connectionist Text Proposal Network）

    Weilin Huang——[ECCV2016]Detecting Text in Natural Image with Connectionist Text Proposal Network 目录 ...

  5. C# 中List<T>与DataSet之间的转换

    p{ text-align:center; } blockquote > p > span{ text-align:center; font-size: 18px; color: #ff0 ...

  6. 【转】数据处理常用的sql语句整理

    一下语句都是基于 mysql数据库 查询是否使用索引 explain  select * FROM t_table1; 结果列的含义: table:此次查询操作是关联哪张数据表 type:连接查询操作 ...

  7. MyBatis探究-----返回Map类型数据

    1.使用@MapKey @MapKey:告诉mybatis封装Map的时候使用哪个属性作为Map的key Map<K, V>:键是这条记录的主键key,值是记录封装后的javaBean 1 ...

  8. 认识volatile的工作原理

    前言 在多线程并发编程中synchronized和Volatile都扮演着重要的角色,Volatile是轻量级的synchronized,它在多处理器开发中保证了共享变量的“可见性”.可见性的意思是当 ...

  9. IDEA日常遇到问题汇总

    1. IDEA .gitignore文件不显示在项目栏中 解决方法,setting  >> Editor >> Code Style >> File Type &g ...

  10. nodejs基础快速上手

    node 快速了解 hello node.js console.log("hello Node.js"); let http = require("http") ...