<!--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. Python 工匠

    https://github.com/piglei/one-python-craftsman/blob/master/zh_CN/7-two-tips-on-loop-writing.md

  2. Linux源码与编译出的目标文件汇编代码的一致性问题

    start_kernel是内核启动时比较重要的一个函数,然而我发现一个问题,我编译出来的目标文件中的汇编代码与C源码并不完全对应,这是怎么一回事呢? asmlinkage void __init st ...

  3. 数据挖掘Aprior算法详解及c++源码

    [算法大致描述] Aprior算法主要有两个操作,扫描数据库+统计.计算每一阶频繁项集都要扫描一次数据库并且统计出满足支持度的n阶项集. [算法主要步骤] 一.频繁一项集 算法开始第一步,通过扫描数据 ...

  4. null == null 或者 [] == [] 或者{} == {} 或者alert(1|| 2) 或者alert(1&& 2) 结果及原理

    相信面试的小伙伴们都会遇到此头大的问题,是不是很想骂一句面试官:你白痴啊,鬼都用不着的东西拿来问,你还别说,这些看似用不着的东西却包含着最基础的原理,那我们来理一理. 1.alert(1||2)和 a ...

  5. 15_TLB中的G属性

    > TLB 是为了增加访问内存的效率 即 如果 是 29 9 12 分页 请求数据 可能需要访问 4次内存:为了解决这个问题:出现了 TLB (虚拟地址到物理地址的转换关系),如果目标地址在TL ...

  6. [学习笔记]最小割树(Gomory-Hu Tree)

    最小割树(\(\mathcal{Gomory-Hu Tree}\))简明指南 对于单源最短路径,我们有\(SPFA\)和\(Dijkstra\),对于多源最短路径,我们有\(Floyd\):对于两点间 ...

  7. window操作命令

    netstat -ano 查看所有端口 netstat -ano|findstr "8005"  查看指定端口

  8. 七种数据库中Select Top的使用方法 (只显示数据库的几条记录)

    七种数据库中Select Top的使用方法 1. Oracle数据库  SELECT * FROM TABLENAME WHERE ROWNUM <= N 2. Infomix数据库  SELE ...

  9. ETL详解

    ETL是将业务系统的数据经过抽取.清洗转换之后加载到数据仓库的过程,目的是将企业中的分散.零乱.标准不统一的数据整合到一起,为企业的决策提供分析依据. ETL是BI项目重要的一个环节. 通常情况下,在 ...

  10. redis笔记--------Jedis使用

    redis安装和启动就不说了 一.准备工作 1.redis -cli -p 6379 2.eclipse中新建项目,并导入jedis相关包 3.测试jedis连通性 二.Jedis常用API (哈希) ...