为了账号安全,请及时绑定邮箱和手机立即绑定

你真的了解HTML吗?

标签:
Html/CSS Html5

HTML 介绍

原文链接:https://note.noxussj.top/?source=imooc


什么是 HTML ?

超文本标记语言(英语:HyperText Markup Language ,简称:HTML )是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。


超文本

超越普通文本的特性,不仅是文字,还可以有图片、图形、表格、动画、音频、视频、链接、程序等非文本信息。


标记语言

将上述超文本的信息组合起来进行展示(包含结构和数据)的一种语言。


HTML 基础结构

  • html 标签:根节点标签

  • head 标签:头部标签,主要存放网站的基本描述信息

  • body 标签:正文标签,主要存放网页显示的内容

<html>
    <head>
        <title>我是网站标题</title>
        <style></style>
    </head>
    <body>
        <h1>我是正文内容</h1>
        <script></script>
    </body>
</html>

标签

标签是 HTML 的核心部分。

特性
  • 标签由两个尖括号包含起来的关键字,例如 <html>

  • 标签一般都是成对的出现,开始标签和结束标签,例如 <html> </html>

  • 也有一些标签是单标签,例如 <br/> <img/>

  • 浏览器渲染的时候不会单纯的显示该标签,而是解析该标签后转换成另外一种形式进行展示

分类
类型布局方式尺寸嵌套案例
块元素独占一行可设置宽高可嵌套任何元素display: block display: flex
行内元素占用的位置由内容决定宽度高度由内容决定建议只嵌套行内元素display: inline
行内块元素占用的位置由内容决定宽度高度由内容决定可嵌套任何元素display: inline-block
display: inline-flex



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
6
获赞与收藏
12

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消