HTML

  1. 概述:
    HTML是英文 HyperText Markup Language 的缩写,它的意思是"超文本标记语言",用它编写出文档的文件的扩展名是“.html”或“.htm”(微软的操作系统),是可供浏览器解释浏览的文件格式。你可以使用记事本,写字板或者是专业的IDE如:Dreamweaver等等编辑工具来编写HTML文件。

    HTML标记两端有两个符号“<”和“>”,这两个符号称为角括号。html标签通常是成对出现的,比如“< html >”和“< /html >”,前一个是开始标记,后面的是结束标记,在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的,“< html >”和“< HTML >”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。

  2. html的文档结构主要由三部分组成的:

    1. < html >< /html >
      标记用于html文件的最前面,用来表示html文件的开始。而< /html >的标记则是放在html的最后面,用来表示html文件的结束,两个标记必须一起使用。
    2. < head >< /head >
      构成html文件的头部部分,在此标记对之间可以使用< title > < /title >和< script > < /script >等等标记对,这些标记都是描述html文档相关信息的标记对,< head > < /head >标记对之间的内容是不会在浏览器中的内容部分出现的。两个标记必须同时使用。
    3. < body >< /body >
      < body >和< /body >是html文档的主体部分,在此标记可以包括“< p >”,“< /p >”,“< h1 >”,“< br >”等等众多的标记,他们所定义的文本,图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。
  3. 标记

    1. META标记
      META标记是html语言的head部分的一个辅助性的标记的,他位于head和title标记之间,他提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;可以用于来鉴别作者,设置页面格式,标注内容提要和一些关键字,还可以设置页面的自动刷新以及等级等等。
    2. TITLE标记
      在头部的< head > < /head >中,有另一组标签< title >< /title >。打在< title >< /title >这里面的文字会出现在浏览器视窗最上面蓝色部分里,作为网页的主题。
    3. 其它文本标记
      强制断行标记 < br >
      强制分段标记 < p > 在该标记的括号内加入align属性可以控制文本的位置
      空格 &nbsp
      标题标记< h1 >内容< /h1 >
      设置字体标记 < font size=“2” color=“red” face=“ ”>内容< /font > 通过改变内部属性来控制字体的属性
      < b>< /b> 加粗
      < i>< /i> 斜体
      < u></ u> 底线
      < kbd>用粗体等宽字体显示文字< /kbd>
      < var>用较小的固定宽度显示字体< /var>
      < dfn>用于名词解释,斜体显示< /dfn>
      < sup>< /sup> 上标
      < smap>用于字母序列等宽< /smap>
      < sub>< /sub> 下标
      < em>< /em> 强调 < address>模拟信封上的字体< /address>
      < strong>< /strong> 加强
      < s>< /s>删除线 < strike>删除线< /strike>
      < big>比默认字号大一号< /big>
      < small>比默认字号小一号< /small>
      < code>以等宽字体显示计算机程序代码< /code>
    4. 背景标记
      < body bgcolor=“red” backgroud=“bg.jpg”> 在文本主题中加入 控制文本背景颜色等
    5. 分隔线标记
      上一部分< hr>下一部分 标记中可以改变属性
    6. < IMG >标记
      < img src=“图片源” alt=" " align=“位置” border=“边框粗细” height=“高度” width=“宽度”>
    7. 序列标记
    8. 无序列表< ul>
      有序列表 < ol>
      自定义列表 < dl>
  4. 标签

    1. < a >通过使用 href 属性,创建指向另外一个文档的链接(或超链接)
      例如:< a href=“http://www.baidu.com”>百度< /a >
    2. < table > 标签定义 HTML 表格
      简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成
      tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元
    3. < input >标签
      input标签
      < input />标签的 type分为:
      text -文本框
      button -按钮
      submit-提交
      reset-重置
      password -密码
      checkbox-多选
      radio-单选
      file -上传文件
      date - 选取日、月、年
      month - 选取月、年
      week - 选取周和年
      time - 选取时间(小时和分钟)
      datetime - 选取时间、日、月、年(UTC 时间)
      datetime-local - 选取时间、日、月、年(本地时间)
      写法:< input type = “text” value=“”/>
    4. Select标签
      < select>
      < /select>
      例如:
      < select>
      < option value="">请选择< /option>
      < option value=“A”/>A< /option>
      < option value=“B”/>B< /option>
      < option value=“C”/>C< /option>
      < option value=“D”/>D< /option>
      < /select>
    5. 多媒体标签
      < embed src=“文件源” width=“宽度” autostart=“true” loop=“true”>
      < video> 标签定义视频,比如电影片段或其他视频流。
      src 设置文件源
      width 设置宽度
      autostart 设置是否自动播放,如果是true自动播放,是flase不自动播放
      loop 设置是否循环播放true循环播放,false不自动播放
    6. 表单标签
      表单在网页上用来给访问者填写信息的,从而获得用户信息,使用网页进行交互的功能。一般是将表单设计在一个html页面中,当用户填写信息后做提交操作,于是表单的内容就会从客户端的浏览器上发送给服务器,经过服务器上的jsp或者ASP或者Cgi等处理后,再将用户所需的信息传送给客户端的浏览器上,这样网页就具有交互性了。
      < form>< /form>
      < from>标记具有action,metnod,target属性。 action属性是处理处理程序的程序名称。method属性是用来定义处理程序的从表单中获取信息的方法,通常有两种分别是GET和POST两种。
    7. 层标签
      < div> 标签可以把文档分割为独立的、不同的部分(纯净的块标签)
      < div> 是一个块级元素< /div > 层中可以添加事件或者属性·

HTML(标记 标签 属性)相关推荐

  1. html中图像标记的属性,HTML中的图象标签属性

    HTML中的图象标签属性 更新时间:2006年08月28日 00:00:00   作者: HTML中的图象标签属性 图象可以使网页更加生动美观.浏览器可以显示JPEG和GIF图象,其中GIF图象最多只 ...

  2. html定义一个集合,HTML标签属性集合

    HTML标签属性集合 更新时间:2017/2/8 10:28:00  浏览量:607  手机版 图象热点映射范围 锚,为文档定义连接 首字母缩写词 地址 块引用 放大字体 为文档中的其他锚定义基本UR ...

  3. html一条横线在文本旁边_lt;delgt; | HTML删除标记标签

    定义与用法 HTML 标签用于标记已从文档中删除的文本: 浏览器通常在已删除的文本上画一条线来表示: 标签可以和 语法格式 -- 示例代码 <h2>删除标签示例h2> <p&g ...

  4. Android Activity标签属性

    Android Activity标签属性 Activity 是 Android 系统四大应用组件之一,用户可与 Activity 提供的屏幕进行交互,以执行拨打电话.拍摄照片.发送电子邮件等操作开发者 ...

  5. html标签属性%= %,HTML标签属性集合

    HTML标签属性集合 更新时间:2017/2/8 10:28:00  浏览量:594  手机版 图象热点映射范围 锚,为文档定义连接 首字母缩写词 地址 块引用 放大字体 为文档中的其他锚定义基本UR ...

  6. script标签属性用type还是language?

    一个网站的建设,经常会用到JavaScript,其中必须用到script标签来外调js文件,但是script标签属性用type还是language? type 和 language 属性都可用来指定 ...

  7. Html5不可见标签,及标签属性(元素对象属性) a href target name id 相对路径

    标签属性分类(元素对象属性) 不可见标签与可见标签: <head></head>        属于不可见标签, 里面的内容一般用于css还有全局的一些变量,声明等. 而且如果 ...

  8. html中正方形列表标签属性,CSS 列表样式

    我们知道在 HTML 中列表可以分为无序列表.有序列表.定义列表.在网页中经常可以看到无序列表的使用,例如像导航栏菜单.新闻列表.商品分类.图片展示等,基本都是通过无序列表来实现的. 无序列表中每个列 ...

  9. Java解析XML报文内容及标签属性

    前言 JSON格式的报文解析,虽然json串短小精悍,也能有效表达层次结构,但是每个元素只能找到对应的元素值,不能体现更丰富的样式特征.比如某个元素除了要传输它的字符串文本,还想传输该文本的类型.字体 ...

最新文章

  1. 栈溢出原理 小记 基础中的基础~~
  2. 移动**21*设置无法接通_七大新增时刻传奇!外服率先体验而国服暂时无法推出的粉传盘点+21赛季移动端首批精选上架!...
  3. python与数据思维基础目录_python入门知识思维路线图及环境配置
  4. 使用Emit反射建立运行时实体模型
  5. 解决element-ui table show-summary合计行不显示问题
  6. flink中的table api中的CloseableIterator是什么意思?
  7. 重力加速度换算_压力的单位与换算
  8. sqlite3 not found问题解决方法
  9. Centos 设置时区和时间以及增加中文输入法
  10. Python 分词与词云图生成
  11. 单片机学习笔记(持续更新中)
  12. 从Robotaxi到环卫、物流,这家自动驾驶公司十倍速拓宽商业化道路
  13. Java 程序该怎么优化?(命令篇)
  14. 评估期已过.有关如何升级您的测试版软件的信息,请访问,sql server 2008 r2评估期已过。有关如何升级的测试版软件的信息...
  15. 用Burg法估计AR模型的参数原理详解及matlab实现
  16. PCF8563使用心得
  17. python3.5变化(String)
  18. 【沃顿商学院学习笔记】宏观经济学——04贫穷Povety与不平等Inequality
  19. 跟风 —— 由技术跟风所想到的
  20. 石墨烯/PEDOT 水凝胶

热门文章

  1. 读郝兆宽之《数理逻辑:证明及其限度》
  2. JS中 innerHTML
  3. Ubuntu 14.04 LTS安装搜狗输入法
  4. OpenCV学习(69)
  5. 15个专业的基本技能
  6. 非常牛B的黑客入门教程!高清PDF版开放下载
  7. 【中英双语】使用JavaScript 及Three.js开发3D网页游戏
  8. LWUIT成功运行在黑莓上!
  9. 热榜第一,大学生一个暑假学会5个神仙赚钱技能 | 你学会了几个?记得收藏哟
  10. 回忆2022:润和软件与openEuler的那些事儿