day47

参考：https://www.cnblogs.com/liwenzhou/p/7988087.html

任何标签都有有三个属性：ID,class.style

 <!DOCTYPE html>

 <html lang="zh-CN">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

 Python学习

 <!--空格-->

 <b>加&nbsp;粗</b>

 <i>斜体</i>

 <u>下划线</u>

 <s>删除</s>

 <!--br换行-->

 <p>段落：在苍茫的大海上，狂风卷积着乌云，在乌云和大海之间，在高傲的飞翔。<br>段落：在苍茫的大海上，狂风卷积着乌云，在乌云和大海之间，在高傲的飞翔。段落：在苍茫的大海上，狂风卷积着乌云，在乌云和大海之间，在高傲的飞翔。</p>

 <!--分割线-->

 <hr>

 <p>段落：在苍茫的大海上，狂风卷积着乌云，在乌云和大海之间，在高傲的飞翔。</p>

 <h1>标题1</h1>

 <h2>标题2</h2>

 <!--显示小于号-->

 a&lt;b

 &copy;

 </body>

 </html>

结果：

 div标签和span标签

标签分类:
    块级标签            h1~h6 div p hr  
        默认占浏览器宽度
        能设置长和宽
    内联标签(行内标签)   a img u s i b span
        根据内容决定长度
        不能设置长和宽

右边程序在网页中的显示：

标签的嵌套规则
    1. 行内标签不能嵌套块级标签
    2. p标签不能嵌套块级标签

列表

 <!DOCTYPE html>

 <html lang="zh-CN">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

     <!--浏览器不同显示不同-->

     <!--有编号-->

     <u1 type="i" start="3">

         <li>aaa</li>

         <li>bbb</li>

         <li>ccc</li>

     </u1>

     <!--无编号-->

     <o1>

         <li>aaa</li>

         <li>bbb</li>

         <li>ccc</li>

     </o1>

 </body>

 </html>

不同浏览器显示不一样，火狐无法显示编号。

表格

 <!DOCTYPE html>

 <html lang="zh-CN">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

     <!--cellpadding内边距, cellspacing外边距-->

     <table border="1" cellpadding="10" cellspacing="5">

         <!--也可将标题去除-->

         <thead>

         <tr>

             <th>姓名</th>

             <th>年龄</th>

             <th>爱好</th>

         </tr>

         </thead>

         <tbody>

         <tr>

             <td colspan="2">小强</td>

             <td>洗澡</td>

         </tr>

         <tr>

             <td>大强</td>

             <td>9800</td>

             <td rowspan="2">开车</td>

         </tr>

         <tr>

             <td>中强</td>

             <td>1800</td>

         </tr>

         </tbody>

     </table>

 </body>

 </html>

结果：

前端入门html（常用标签及标签分类）的更多相关文章

  1. [Web 前端] 001 html 常用块级标签

    目录 1. html "总体框架" 2. 常用的 HTML 块级标签(块元素) 2.1 知识点 2.2 以下 code 均写在 body 体中 2.2.1 标题标签,只有 h1-h ...

  2. 前端 HTML 常用标签 head标签相关内容 meta标签

    meta标签 Meta标签介绍: <meta>元素可提供有关页面的元信息(mata-information),针对搜索引擎和更新频度的描述和关键词. <meta>标签位于文档的 ...

  3. 谷哥的小弟学前端(01)——HTML常用标签（1）

    探索Android软键盘的疑难杂症 深入探讨Android异步精髓Handler 详解Android主流框架不可或缺的基石 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架 ...

  4. Python web前端 01 HTML常用标签

    Python web前端 01 HTML常用标签 一.HTML创建项目 file ---->new project -----> 输入项目名------>创建文件夹 new dicr ...

  5. 2020年12月-第01阶段-前端基础-HTML常用标签

    1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后 ...

  6. 前端 HTML 常用标签 head标签相关内容

    HTML常用标签 head标签 我们首先来介绍一下head标签的主要内容和作用,文档的头部描述了文档的各种属性和信息,包括文档的标题.编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方 ...

  7. 前端 HTML body标签相关内容 常用标签 图片标签 <img/>

    图片标签 <img/> 一个网页除了有文字,还会有图片.我们使用<img/>标签在网页中插入图片. <img/> 是单闭合标签 语法:<img src=&qu ...

  8. 谷哥的小弟学前端(02)——HTML常用标签（2）

    探索Android软键盘的疑难杂症 深入探讨Android异步精髓Handler 详解Android主流框架不可或缺的基石 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架 ...

  9. 沃土前端系列 - HTML常用标签

    html是什么 HTML是Hyper Text Markup Language的缩写,中文的意思是"超文本标记语言",它是制作网页的标准语言.由于网页中不仅包含普通文本,还包含超文 ...

  10. 前端 HTML body标签相关内容 常用标签 盒子标签 div

    盒子标签 div <div>可定义文档的分区 division的缩写 译:区 <div> 标签可以把文档分割为独立的.将他们进行分区 div在浏览器中,默认是不会增加任何的效果 ...

随机推荐

  1. CentOS日志列表

    anaconda/* 包含至少5个日志文件:anaccmda.log用于保存一般安装消息:anaconda.packaging.log用于保存包安装消息:anaconda.programJog用于调用 ...

  2. java文件读写操作指定编码格式

    读文件: BufferedReader 从字符输入流中读取文本,缓冲各个字符,从而提供字符.数组和行的高效读取. 可以指定缓冲区的大小,或者可使用默认的大小.大多数情况下,默认值就足够大了. 通常,R ...

  3. 2018.10.13 bzoj4008: [HNOI2015]亚瑟王（概率dp）

    传送门 马上2点考初赛了,心里有点小紧张. 做道概率dp压压惊吧. 话说这题最开始想错了. 最开始的方法是考虑f[i][j]f[i][j]f[i][j]表示第iii轮出牌为jjj的概率. 然后用第ii ...

  4. 2018.09.16 spoj104Highways （矩阵树定理）

    传送门 第一次写矩阵树定理. 就是度数矩阵减去邻接矩阵之后得到的基尔霍夫矩阵的余子式的行列式值. 这个可以用高斯消元O(n3)" role="presentation" ...

  5. UVa 12034 Race （递推+组合数学）

    题意:A,B两个人比赛,名次有三种情况(并列第一,AB,BA).输入n,求n个人比赛时最后名次的可能数. 析:本来以为是数学题,排列组合,后来怎么想也不对.原来这是一个递推... 设n个人时答案为f( ...

  6. MEF程序设计指南

    ############################################################################################## ##### ...

  7. 三）mybatis 二级缓存，整合ehcache

    mybatis-config.xml <setting name="cacheEnabled" value="true" /> PersonMapp ...

  8. 推荐：普通UI设计师与顶级UI设计师的区别是什么？（转）

    我不是顶级设计师(我甚至不知道什么才叫顶级),即使见过的一些顶级(知名or优秀)设计师也因为交流不深入,无法评价.但是我勉强可以回答优秀的设计师,和普通的设计师(其实我觉得大部分的普通设计师只是认识他 ...

  9. python实现base64算法加密

    python本身有base64加密的模块,不过是用C写的,封装成了.so文件,无法查看源码,本着学习的心态,自己实现了一遍,算法 原理参考 浅谈Base64编码算法. 代码如下: # coding:u ...

  10. ajax如何向后台传递数组，在后台该如何接收的问题（项目积累）

    一.后台如何接收从前台接收的数组: 使用request.getParameterValues(String xxx); <input type="text" name=&qu ...