码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • HTML常用标签


    一、什么是HTML 

           HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。


    二、HTML的骨架

            

     


    三、标签

    一、标签分类

    1、带有标签体的标签都是成对出现,即有开始<标签>也有对应的,标签体中间是要包含的内容如:

    1. <div>
    2. Hello World;
    3. <table>
    4. </table>
    5. </div>

     这里的

    和标签在和
    标签中就是其要包含的或者实现某些特性的内容体

    2、不带有标签体:

    如
    标签.....

    二、常用标签

    标题标签

    -

    -

    随着数字的增大标题大小变小。

     

    1. <h1>一级标题</h1>
    2. <h2>二级标题</h2>
    3. <h3>三级标题</h3>
    4. <h4>四级标题</h4>
    5. <h5>五级标题</h5>
    6. <h6>六级标题</h6>

    字体标签 

    f

    字体标签可以直接设置或者通过css进行设置

    size:字体大小

    color:字体颜色

    face:字体样式

    内容可以不用" "

            <font size="10"  color = "red" face="楷体">字体标签</font>

     

     

    p标签

     

    块级标签

    不会自动换行(可以配合
    )

    1. <p>
    2. Hello
    3. World
    4. </p>

    1. <p>
    2. Hello <br>
    3. World
    4. </p>

     

     

    div标签

    可定义文档中的分区或节(division/section)。

    标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

    如果用 id 或 class 来标记

    ,那么该标签的作用会变得更加有效。

    个人使用感觉div一般搭配css使用会很有意思

    类似于p标签

    table标签

    子标签:

    行标签:

    列标签:  

     

    1. <div>
    2. <table width="400px " border="2px" cellspacing=0>
    3. <tr class="one">
    4. <td>1</td>
    5. <td>2</td>
    6. <td>3</td>
    7. </tr>
    8. <tr class="two">
    9. <td>4</td>
    10. <td>5</td>
    11. <td>6</td>
    12. </tr>
    13. <tr class="three">
    14. <td>7</td>
    15. <td>8</td>
    16. <td>9</td>
    17. </tr>
    18. </table>
    19. </div>

     

    tr标签是同一行的元素。

    td表示列元素

     

  • 相关阅读:
    政企组织为什么更需要私有化的IM即时通讯平台?
    Appium自动化测试基础 — Android模拟器(Genymotion)安装(一)
    微服务架构 | 架构演进
    ELK:开源搜索与分析技术栈(1)
    2022-11-08 mysql列存储引擎-自定义函数-无joinList-生成派生表-临时方案记录
    如何记账 分享记账的作用
    Ubuntu 安装 Docker Engine
    一些可以参考的文档集合6
    R语言包的升级与降级
    实体解析实施的复杂性
  • 原文地址:https://blog.csdn.net/weixin_63426509/article/details/127644962
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号