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>
相关推荐
小阮的学习笔记8 分钟前
Vue3中使用LogicFlow实现简单流程图
javascript·vue.js·流程图
YBN娜9 分钟前
Vue实现登录功能
前端·javascript·vue.js
阳光开朗大男孩 = ̄ω ̄=9 分钟前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
minDuck14 分钟前
ruoyi-vue集成tianai-captcha验证码
java·前端·vue.js
小政爱学习!34 分钟前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。40 分钟前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼1 小时前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui
k09331 小时前
sourceTree回滚版本到某次提交
开发语言·前端·javascript
EricWang13581 小时前
[OS] 项目三-2-proc.c: exit(int status)
服务器·c语言·前端
September_ning1 小时前
React.lazy() 懒加载
前端·react.js·前端框架