乐趣区

关于前端:你真的了解HTML了吗

jiezi

HTML 介绍

原文链接：https://note.noxussj.top/?sou…

什么是 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

最全面的前端笔记来啦，蕴含了入门到入行的笔记，还反对实时成果预览。小伙伴们不须要在花工夫去写笔记，或者是去网上找笔记了。面试高频发问和你想要的笔记都帮你写好了。反对挪动端和 PC 端浏览，深色和浅色模式。

原文链接：https://note.noxussj.top/?sou…

退出移动版