HTML基础教程：标签、属性与实例

需积分: 0 177 浏览量更新于2024-08-04 收藏 755KB PDF 举报

HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。它允许通过组合不同的标签来构建网页结构，包括文本、图像、链接等元素。HTML笔记主要关注的是HTML的基本语法和常见元素的使用。在HTML中，每个元素由开始标签（如`<html>`）和结束标签（如`</html>`）组成，开始标签与结束标签之间可以包含元素的内容。例如，`<p>`标签用于定义段落，而`<a>`标签则用于创建超链接。 1.1 HTML版本：HTML有多个版本，例如HTML 1.1，每个新版本通常会引入新的功能和改进。 1.2 元素类型：HTML包含不同类型的元素，如文本容器（如`<p>`）、标题（如`<h1>`到`<h6>`）、链接（`<a>`）等。例如，`<h1>`用于创建一级标题，而`<p>`则用于创建段落。 1.3 标签属性：HTML标签可以有属性，比如`<a>`标签的`href`属性指定链接的目标URL，`target`属性定义链接在何处打开（如`_blank`表示新窗口）。 1.4 常用元素： - `<head>`：包含文档元信息，如字符编码、样式表引用等。 - `<body>`：定义网页的主要内容。 - `<a>`：定义超链接，`href`属性指定链接地址，`target`属性控制打开方式。 - `<h1>`到`<h6>`：定义六级标题，数字越大，标题级别越低。 - `<p>`：定义段落。 - `<br/>`：创建换行。 - `<div>`：定义一个内容区域，常用于布局。 - `<span>`：定义文本内联元素，用于局部样式或脚本操作。 - `<input>`：创建输入字段，有多种类型如`text`（文本输入）、`password`（密码输入）、`button`、`submit`、`reset`等。 - `<form>`：创建表单，收集用户输入。 - `<img>`：插入图片，`src`属性指定图片源，`alt`属性提供替代文本，`width`和`height`设置尺寸。此外，HTML还支持`<script>`标签用于嵌入JavaScript代码，以及`<style>`标签或`<link>`标签引入CSS（Cascading Style Sheets）进行样式定义，以实现页面的外观设计。了解这些基本概念后，可以通过组合和定制HTML元素，创建出丰富多样的网页内容，满足各种网页设计需求。HTML是互联网内容呈现的基础，对于网页开发者来说至关重要。

今天⽬标

能够说出常⻅的html标签的作⽤

⼀、html介绍

1.1 前端三⼤核⼼

html:超⽂本标记语⾔，由⼀套标记标签组成

标签：

单标签： <标签名 />

双标签: <标签名></标签名>

属性：描述某⼀特征示例:<a 属性名="属性值">

1.2 html⻣架标签

1.3 注释

html:根标签，所有的内容都应该放到html标签中

head：头部标签

body:身体标签（代码编写区域）

下载后可阅读完整内容，剩余5页未读，立即下载

fggggghfg

粉丝: 1
资源: 1

HTML基础教程：标签、属性与实例

Redis笔记自学 学习笔记 自用

javase黑马学习笔记

尚硅谷javaweb笔记

黑马javase笔记

obsidian 模板

韩顺平java学习资料

mobilevit V2

yolov7分割训练

jupyter打不开ipynb文件

黑马程序员 springmvc ssm整合

最新资源

Redis笔记自学学习笔记自用