HTML基础内容(详细版)

news/2024/11/14 7:20:25/
htmledit_views">

HTML 基础

HTML(超文本标记语言,HyperText Markup Language)是一种用于创建和设计网页的标准标记语言。它通过标签(tags)来定义网页的结构和内容。

基本HTML结构

 

常用HTML标签

1.标题标签

  • <h1> 到 <h6> 用于定义不同级别的标题。

 

2.段落标签

  • <p> 用于定义段落。

 

3.链接标签

  • <a> 用于创建超链接。

 

 4.图片标签

  • <img> 用于插入图片。

 

 5.列表标签

  • 无序列表 <ul> 和有序列表 <ol>,以及列表项 <li>

 

 6.表格标签

  • <table><tr><td>, 和 <th> 用于创建表格。

 

 

7.表单标签: 

  • <form><input><button> 等用于创建表单。

 

以下是一个完整的HTML示例,展示如何创建一个包含标题、段落、链接和图片的简单网页。 

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我的网页</title><style>body {font-family: Arial, sans-serif;background-color: #f0f0f0;text-align: center;padding: 50px;}h1 {color: #333;}p {font-size: 18px;}img {width: 300px;border: 2px solid #ccc;border-radius: 10px;}</style>
</head>
<body><h1>欢迎来到我的网页</h1><p>这是一个简单的HTML示例,包含标题、段落、链接和图片。</p><a href="https://www.example.com">访问示例网站</a><br><br><img src="image.jpg" alt="示例图片">
</body>
</html>

 

解释

  • <!DOCTYPE html>: 声明文档类型为HTML5。
  • <html lang="zh-CN">: 定义HTML文档的开始,并设置语言为中文。
  • <head>: 包含文档的元数据,如字符集、标题和样式。
  • <body>: 包含文档的主要内容,如标题、段落、链接和图片。
  • 样式部分: 使用CSS为网页添加基本样式。

 

 


http://www.ppmy.cn/news/1546482.html

相关文章

Win vscode 配置OpenGL时 undefined reference to `glfwInit‘

Win vscode 配置OpenGL时 undefined reference to glfwInit Win vscode 配置OpenGL时 undefined reference to glfwInit现象原因解决方案 Win vscode 配置OpenGL时 undefined reference to glfwInit’ 现象 win 上面用vscode 配置OpenGL 时会报一下错误 g -stdc17 -Wall -We…

rust模式和匹配

文章目录 match 分支参考 match 分支 所有结果都得匹配到 // Match Expressionfn main() {#[derive(Debug)]enum Language {English,Spanish,Russian,Japanese,}let language Language::English;match language {Language::English > println!("Hello World!")…

java ssm 个人学习管理系统 学习安排 学生在线学习管理 源码 jsp

一、项目简介 本项目是一套基于SSM的个人学习管理系统&#xff0c;主要针对计算机相关专业的和需要项目实战练习的Java学习者。 包含&#xff1a;项目源码、数据库脚本、软件工具等。 项目都经过严格调试&#xff0c;确保可以运行&#xff01; 二、技术实现 ​后端技术&#x…

Vue中如何构建组件,支持传参、插槽等功能。

目录 1. 创建基本的Vue组件 2. 使用组件 3. 支持插槽 3.1 默认插槽 3.2 使用插槽 4. 作用域插槽 5. 使用作用域插槽 总结 在Vue.js中&#xff0c;组件是构建UI的基本单元&#xff0c;通过组件可以实现代码的复用和组织。以下是如何编写可复用的Vue组件的详细步骤&#…

vue3 + naive ui card header 和 title 冲突 bug

背景描述 最近发现一个 naive ui 上的问题&#xff0c;之前好好的&#xff0c;某一次升级后就出现了一个 bug&#xff0c;Modal 使用 card 布局后&#xff0c;Header Solt 下面的内容不见了&#xff0c;变成了 title&#xff0c;因为这个 solt 里面是有操作 action 的&#xf…

【DL】YOLO11 OBB目标检测 | 模型训练 | 推理

本文进行YOLO11的旋转目标检测任务,旋转目标检测能够更精确地定位和描述那些非水平排列的目标,比如倾斜的飞机、船舶等。在原始的目标检测中,添加一个角度预测,实现定向边界框检测。 话不多说,先来个效果图!!! YOLO11中的旋转目标检测的特点 ▲更精确的定位:通过使用…

[论文精读]SeqMIA: Sequential-Metric Based Membership Inference Attack

图像领域成员推理攻击 SeqMIA: Sequential-Metric Based Membership Inference Attack http://arxiv.org/abs/2407.15098 ACM CCS 2024 先看overview&#xff0c;猜测文章的方法&#xff1a;训练影子模型&#xff0c;使用影子模型、蒸馏数据集和目标模型共同参与蒸馏任务&am…

软考知识备忘

数据库设计 分布透明性指用户不必关心教据的逻辑分片&#xff0c;不必关心数据存储的物理位置分配细节&#xff0c;也不必关心局部场地上数据库的数据模型。 分片透明性是分布透明性的最高层次。 位置透明性指用户或应用程序应当了解分片情况&#xff0c;但不必了解片段的存储…