简单了解HTML

HTML

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>菜鸟教程</title>
 <\head>
 <body>
     
 <h1>我的第一个标题</h1>
 <p1>我的第一个段落</p1>
 ​
 </body>
 <\html>    

  • <!DOCTYPE html> 声明为 HTML5 文档

  • <html> 元素是 HTML 页面的根元素

  • <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

  • <title> 元素描述了文档的标题

  • <body> 元素包含了可见的页面内容

  • <h1> 元素定义一个大标题

  • <p> 元素定义一个段落

HTML标签

  • HTML 标签是由尖括号包围的关键词，比如 <html>

  • HTML 标签通常是成对出现的，比如 和

  • 标签对中的第一个标签是开始标签，第二个标签是结束标签

  • 开始和结束标签也被称为开放标签和闭合标签

HTML网页结构

image-20240402141305145

<!DOCTYPE> 声明

  • ​
    声明有助于浏览器中正确显示网页。
    ​

  • 网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

  • doctype 声明是不区分大小写的

image-20240402141641816

中文编码

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK

HTML基础

HTML标题
 <p>   </p>
HTML链接
 <a>  href= "https://www.runoob.com"</a>
HTML 图像
 <img  src="/images/logo.png" width="258" height="39" />

注意： 图像的名称和尺寸是以属性的形式提供的。

HTML 元素

image-20240402150539452

HTML 元素语法

  • HTML 元素以开始标签起始

  • HTML 元素以结束标签终止

  • 元素的内容是开始标签与结束标签之间的内容

  • 某些 HTML 元素具有空内容（empty content）

  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）

  • 大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套（HTML 元素可以包含其他 HTML 元素）。

HTML 文档由相互嵌套的 HTML 元素构成。

HTML 空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

就是没有关闭标签的空元素（ 标签定义换行）。

在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

HTML 属性

  • HTML 元素可以设置属性

  • 属性可以在元素中添加附加信息

  • 属性一般描述于开始标签

  • 属性总是以名称/值对的形式出现，比如：name="value"。

HTML 属性参考手册

image-20240402151159335

HTML 水平线

​
标签在 HTML 页面中创建水平线。
​

hr 元素可用于分隔内容。

 <p>这是一个段落。</p>
 <hr>
 <p>这是一个段落。</p>
 <hr>
 <p>这是一个段落。</p>

HTML 注释

 <!-- 这是一个注释 -->
HTML 折行
 <p>这个<br>段落<br>演示了分行的效果</p>
 
posted @   计算机2302-刘丹  阅读(10)  评论(0)  编辑  收藏  举报
相关博文：
· 条件，代码优雅
· SQLITE
· HTML: 基础知识
· 1.初次相遇，简单认识HTML结构
· 【】HTML 简介
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
点击右上角即可分享
微信分享提示