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. Laravel5.4 Oauth2.0认证应用 API 实战！

    项目初始化 新建项目 lukeyans-MacBook-Pro:laravel lukeyan$ laravel new laravel_demo 添加laravel自带的Passport服务 luk ...

  2. Android 在一个程序中启动另一个程序(包名，或者类名)

    http://hi.baidu.com/xiaofanqing/item/6fd724f7c5bb6dce531c26b7 Android 开发有时需要在一个应用中启动另一个应用,比如Launcher ...

  3. 643. Maximum Average Subarray I

    static int wing=[]() { std::ios::sync_with_stdio(false); cin.tie(NULL); ; }(); class Solution { publ ...

  4. 美团点评2017校招笔试真题-算法工程师A

    美团点评2017校招笔试真题-算法工程师A 1.下面哪种STL容器的实现和其它三个不一样 A. set B. deque C. multimap D. map 正确答案: B STL的容器可以分为以下 ...

  5. 2018.09.26洛谷P1084 疫情控制（二分+倍增）

    传送门 好题啊. 题目要求的最大值最小,看到这里自然想到要二分答案. 关键在于怎么检验. 显然对于每个点向根走比向叶节点更优. 因此我们二分答案之后,用倍增将每个点都向上跳到跳不动为止. 这时我们ch ...

  6. 2018.08.31 bzoj1419 Red is good（期望dp）

    描述 桌面上有R张红牌和B张黑牌,随机打乱顺序后放在桌面上,开始一张一张地翻牌,翻到红牌得到1美元,黑牌则付 出1美元.可以随时停止翻牌,在最优策略下平均能得到多少钱. 输入 一行输入两个数R,B,其 ...

  7. spring cloud--------------------HystrixCommand使用

    一.注解使用: (一)注解同步执行 1.注解开启断路器功能 @EnableCircuitBreaker 2.方法事例 @HystrixCommand(fallbackMethod = "er ...

  8. MySQL-5.7.10主主同步的安装和配置

    目录 目录 1 1. 安装 1 2. 修改MySQL的root密码 4 3. mysqld_safe和mysql.server 4 4. 主主同步配置 4 4.1. 创建同步用户 4 4.2. my. ...

  9. 四则运算 Python实现（杨浩政，张兆敏）

    四则运算 GitHub仓库:https://github.com/15crmor/Arithmetic 项目要求: 题目:实现一个自动生成小学四则运算题目的命令行程序说明: 说明: 自然数:0, 1, ...

  10. ORACLE 管道技术应用

    但是使用管道函数的时候是可以返回一个package里面定义的type的. create or replace package test_typeis    type test_type_record ...