HTML的基础知识

HTML(超文本标记语言)是一种用于创建网页的标记语言。它提供了一套标记(标签)和元素(元素)的规范,用于描述网页结构和内容的呈现方式。HTML 文件是由一系列的标签组成,这些标签用于定义网页的各个部分,如标题、段落、链接、图像等。

  1. HTML 是什么?

    • HTML 是超文本标记语言(Hypertext Markup Language)的缩写,它用于创建网页的结构和内容。
    • HTML 使用标记(markup)来定义网页中的元素和它们的组织方式。
  2. HTML 标签和元素:

    • HTML 使用标签来表示不同类型的元素,例如标题、段落、链接等。标签由尖括号包围,通常成对出现,有起始标签和结束标签。
    • 示例:<p>这是一个段落。</p>,其中 <p> 是段落的起始标签,</p> 是段落的结束标签。
    • 某些元素不需要结束标签,称为自闭合标签。例如:<img src="image.jpg" alt="图片"> 是一个自闭合的图像标签。
  3. HTML 元素的属性:

    • HTML 元素可以具有属性,用于提供关于元素的额外信息或配置。属性包含在标签的开始标签中,并采用键-值对的形式。
    • 示例:<a href="https://www.example.com">点击这里</a>,其中 href<a> 标签的属性,指定链接的目标网址。
  4. HTML 文档结构:

    • HTML 文档由 <html> 元素作为根元素开始,并包含 <head><body> 元素。
    • <head> 元素包含页面的元数据和引用的外部资源,例如标题、样式表和脚本。
    • <body> 元素包含网页的可见内容,如文本、图片、链接等。
  5. 常见的 HTML 元素:

    • 标题元素:<h1><h6> 用于定义各级标题。
    • 段落元素:<p> 用于定义段落。
    • 链接元素:<a> 用于创建链接到其他页面或资源的超链接。
    • 图像元素:<img> 用于插入图像到网页中。
    • 列表元素:<ul><ol><li> 用于创建无序列表和有序列表。
    • 表格元素:<table><tr><th><td> 用于创建表格。
  6. HTML 注释:

    • 注释用于在 HTML 代码中添加注解,不会在浏览器中显示。
    • 注释以 <!-- 开始,以 --> 结束。
    • 示例:<!-- 这是一个注释 -->

简单演示:

html 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
  
    <p>这是一个段落。</p>
  
    <a href="https://www.example.com">这是一个链接</a>
  
    <img src="image.jpg" alt="图片" width="300" height="200">
</body>
</html>
相关推荐
你挚爱的强哥27 分钟前
✅✅✅【Vue.js】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本
javascript·vue.js·jquery
y先森1 小时前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy1 小时前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu10830189111 小时前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿2 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡3 小时前
commitlint校验git提交信息
前端
emmm4593 小时前
html兼容性问题处理
html
虾球xz4 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇4 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒4 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript