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. Python3.0科学计算学习之绘图（一）

    基本绘图: (1)  plot是标准的绘图库,调用函数plot(x,y)就可以创建一个带有绘图的图形窗口(其中y是x的函数).输入的参数为具有相同长度的数组(或列表):或者plot(y)是plot(r ...

  2. Angular5入门与搭建项目

    步骤 1. 设置开发环境 在开始工作之前,你必须设置好开发环境. 如果你的电脑里没有 Node.js®和 npm,请安装它们. 请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 来 ...

  3. Java多线程处理List数据

    实例1: 解决问题:如何让n个线程顺序遍历含有n个元素的List集合 import java.util.ArrayList; import java.util.List; import org.apa ...

  4. vue评论显示隐藏，JavaScript显示关闭

    <template> <div id="vue_det"> <h1>{{details()}}</h1> <div>{{ ...

  5. mac 配置vue+sanic环境准备工作

    Vue用到npm/cnpm.webpack ,准备工作主要是将这些安装上. 首先安装这些最好使用root用户. 第一步安装npm:npm是node.js的一部分,所以需要安装node.js. 安装no ...

  6. windows ip路由

    windows 20082块网卡,连接远程mysql数据库一直不通,ping正常,telnet 3306端口不正常 route print 路由情况 route add 10.255.2574.XXX ...

  7. The type com.google.protobuf.GeneratedMessageV3$Builder cannot be resolved. It is indirectly referenced from required .classfiles

    在做项目的时候,导入了几个类,导入了相关的jar. 结果在package处报了The type com.google.protobuf.GeneratedMessageV3$Builder canno ...

  8. webservice常用两种身份验证方式

    在项目开发,我们经常会使用WebService,但在使用WebService时我们经常会考虑以下问题:怎么防止别人访问我的WebService?从哪里引用我的WebService?对于第一个问题,就涉 ...

  9. Holer下载

    Holer下载 经常使用开源的holer将本地的应用映射到公网上访问,本文介绍如何下载holer软件包和注意事项,以及相关的帮助文档. 1. Java版本的holer软件包 格式: holer-cli ...

  10. Unity 新手入门 如何理解协程 IEnumerator yield

    Unity 新手入门 如何理解协程 IEnumerator 本文包含两个部分,前半部分是通俗解释一下Unity中的协程,后半部分讲讲C#的IEnumerator迭代器 协程是什么,能干什么? 为了能通 ...