HTML的

1. HTML(Hypertext Markup Language)超文本标记语言

超文本:超级文本(文本、图片、视频、音频等)

标记(标签/元素/节点):就是由尖括号括起来的一组内容
<html> <div> <img>
就是用于开发网页的最基础的语言

2. HTML的基本编写格式

<!--
  文档声明,用于声明当前文档是一个html格式的网页,并且版本就是5.0
  声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
-->
<!DOCTYPE html>

<!--language-->
<html lang="en">
  <!--根标签,用于包裹所有的网页内容(不包括文档声明)-->
  <!--头部分, 用于存放网页的基本属性信息(编码,标题,引入的css/js文件等-->
  <head>
    <!--<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词(SEO)。-->
    <!--<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。-->
    <meta charset="UTF-8" />
    <!--指定网页的编码,浏览器会根据这个编码解析这个网页-->
    <!--网页标题-->
    <title>我的第一个网页</title>
  </head>
  <!--体部分, 用于包裹所有的可视化内容-->
  <body>
    Hello,World!<!--网页主体-->
  </body>
</html>

(1) html根标签

  • 一个页面中有且只有一个根标签
  • 网页中的所有内容都应该写在html根标签中

(2) head标签

  • 该标签中的内容不会在页面中直接显示,它是用来帮助浏览器解析页面的

(3) title标签

  • 网页中的标题标签,默认会显示在浏览器的标题栏中
  • 搜索引擎在检索页面时,会首先检索title标签中的内容。它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名。会有专门的SEU来研究标题如何编写。

(4) body标签

  • 用来设置网页的主体内容
  • 网页中所有可见的内容,都应该在body中编写

(5)<!--html中的注释-->

  • 注释中的内容不会显示在页面中,但可以在源码中查看
  • 可以通过注释对代码进行描述
  • 养成良好的注释习惯,注释一定要简单明了

3. 属性

  • 通过属性来设置如何处理标签中的内容
  • 在开始标签中添加属性
  • 属性名=‘属性值’ (单引号或双引号都可以)
  • 一个标签中可以同时设置多个属性,属性之间需要使用逗号隔开。
<p style="font-size
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值