<!--HTML:1.概念：最基础的网页开发语言Hyper Text Markup Language 超文本标记语言超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。标记语言：由标签构成的语言。<标签名称>如html,xml    标记语言不是编程语言    2.快速入门：    1.语法：    1.html文档后缀名：.html 或者 .htm    2.标签分类：    1.围堵标签：有开始标签和结束标签如：<html> 嵌套标签 </html>    2.自闭和标签：开始标签和结束标签在一起如<br/>    3.标签可以嵌套：    需要正确嵌套，不能你中有我我中有你    4.在开始标签中可以定义属性。属性是由键值对构成，值需要用引号引起来    5.html的标签不区分大小写，但是建议使用小写    3.HTML标签：    1.文件标签：构成html最基本的标签    html：html文档的根标签    head：头标签，用于指定html文档的一些属性，引入外部资源    title：标题标签    body：体标签    <!DOCTYPE html>:html5中定义该文档是html文档的一种方法    2.文本标签：和文本有关的标签        <h1> to <h6>:标题标签 <h1>标题</h1>，数字增长字体减小        <p>：段落标签<p>段落</p>        <br>：换行        <hr>：自闭和标签，显示一条水平线            属性：                color：颜色                width：宽度                size：高度                align：对齐方式                    center：居中                    left：左对齐                    right：右对齐        <b>：字体加粗        <i>：字体斜体        <font>:字体标签            color：颜色            size：大小            face：字体        属性定义：        color：颜色            1.英文单词            2.rgb(值1，值2，值3)红绿蓝，值范围：0~255            3.#值1值2值3：值的范围：00~FF之间        width：宽度            1.数值：单位默认px(像素)            2.数值%：占比相对于父元素的比例        <center>：文本居中    3.图片标签：页面图片        img：展示图片<img src="路径" />            ./：当前目录            ../：上一级目录            align:对齐 align = "right"            alt：如果图片加载失败替换 alt = "古镇"            width:宽度 width = “500”            height:高度    4.列表标签：        有序列表：            ol：                <ol type = "展示形式" start="起始位置">                    <li> 内容</li>                    <li> 内容</li>                </ol>            li：        无序列表：            ul：               <ul type = "显示">                    <li> 内容</li>                    <li> 内容</li>                </ul>    5.链接标签：        a：定义一个超链接        <a href="跳转资源位置">点我</a>        属性：            href：指定访问资源的URL(统一资源定位符)            target："_self" 本页面跳转,"_self"空白页面打开                "mailto:邮箱"：会启动客户端发邮件    6.div和span：        <span></span>:文本信息在一行展示，行内标签或内联标签        <div></div>:默认换行，沾满一整行，块级标签        结合css控制样式    7.语义化标签：html5中为了提高程序的可读性提供了一些标签        <header>头</header>        <footer>尾<footer>    8.表格标签：        <table>：定义一个表格            border = "1"：一个像素的边框            width = "50":表格宽度            cellpadding = "0"：定义内容和单元格之间的距离            cellspacing = "0"：定义单元格之间的距离            bgcolor：背景色            align：对齐方式        <tr>：行            bgcolor：背景色            align：对齐方式        <td>:单元格            colspan：合并列            rowspan：合并行        <th>：表头

        <caption>:表格标题        <thead>:表示表格的头部分        <tbody>：表示表格的体部分        <tfoot>：表示表格的脚部分

-->

HTML_标签的更多相关文章

  1. 【HTML_标签大全】

    HTML标签大全 标签 描述 标签类型 备注 <!--...--> 定义注释 / 单标签 <!DOCTYPE> 定义文档类型 / 单标签 <head></he ...

  2. html_基础标签

    块级标签: 默认情况会占位一整行行内(内联)标签:默认只有自己的大小 块级标签如: <div>我是字</div>  <h1>标题1</h1>  < ...

  3. Kure讲HTML_列表标签及表单标签

    首先我上个图来告诉大家什么是列表 左侧的这一部分就可以称为是列表或者叫树,其实我们可以通过div+css实现列表,可是考虑语义化的问题,我们还是看看html提供好的列表标签,html提供了两种列表,一 ...

  4. HTML_表单标签

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  5. html_学习所有标签使用

    <!DOCTYPE html><!--声明为HTML5文档--><html lang="en"><head><!-- 页面表头 ...

  6. a标签点击跳转失效--IE6、7的奇葩bug

    一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...

  7. IE6、7下html标签间存在空白符，导致渲染后占用多余空白位置的原因及解决方法

    直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字 ...

  8. 百度MIP页规范详解 —— canonical标签

    百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误 这 ...

  9. 【CSS进阶】伪元素的妙用--单标签之美

    最近在研读 <CSS SECRET>(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目: CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值 ...

随机推荐

  1. 19、javascript基础知识

    1.几天接到了一个奇葩的需求,就是在鼠标滚轮滑动的时候,div要悬浮不动,因此这引起了我对于javascript知识的复习 首先从最基础的变量的类型开始 <!DOCTYPE html> & ...

  2. ffs, fls

    linux内核中的宏ffs(x)   linux内核中ffs(x)宏是平台相关的宏,在arm平台,该宏定义在 arch/arm/include/asm/bitops.h #define ffs(x) ...

  3. 通过Module读取寄存器的值

    1: int eax; 2: _asm_("nop":"=a"(eax)); 3: printk("Get Eax Value:\n"); ...

  4. ES6_Demo，模拟后台json数据展示

    最近在学习ES6,下面,模拟后台传过来json数据,并在页面展示的一个小Demo. 页面简单的不可描述,只有一个button按钮 <button>点击获取json数据</button ...

  5. Serializable 和Parcelable 详解

    序列化:为了保存在内存中的各种对象的状态,并可以把保存的对象的状态读出来 安卓中实现序列化的接口有两个,一个是serializable,一个是parcelable. 一.实现序列化: 1.是可以将对象 ...

  6. 2019ICPC南京网络赛F Greedy Sequence

    题意:对于1<=i<=n每次找到(pos[i]-k,pos[i]+k)内不大于i的最大那个数,ans[i]=ans[mx]+1,若ans[mx]未知则递归处理ans[mx] PS:这个题比 ...

  7. eduCF#60 D. Magic Gems /// 矩阵快速幂

    题目大意: 给定n m (1≤N≤1e18, 2≤M≤100) 一个魔法水晶可以分裂成连续的m个普通水晶 求用水晶放慢n个位置的方案modulo 1000000007 (1e9+7) input 4 ...

  8. 《代码大全2》读书笔记 Week3

    <代码大全2>第六.七章 作者在第六章中从抽象数据类型(Abstract Data Type)出发阐释类(class)的概念,给出创建类的原因以及创建高质量的常涉及的设计问题.抽象数据类型 ...

  9. 微信小程序--学习的案例

    一.「程序秀」 「程序秀」这个小程序非常特别,因为它是一个可以帮助别人开发小程序的小程序.它以「即速应用」这个无需代码一键生成微信小程序的开发工具为基础,为广大开发爱好者提供小程序开发的最新资讯和培训 ...

  10. box-shadow单侧投影,双侧投影，不规则图案投影

    底部投影box-shadow: 0 5px 4px -4px black; 底部右侧投影 3px 3px 6px -3px black 两侧投影 box-shadow: 7px 0 7px -7px ...