HTML基础：标签详解与特点

版权申诉

198 浏览量更新于2024-08-11 收藏 407KB PDF 举报

Javaweb前端开发中，HTML（HyperText Markup Language，超文本标记语言）起着至关重要的作用。它是构建网页的基础，负责定义网页的结构和内容呈现方式。HTML文档由结构化元素组成，这些元素遵循一定的语法规则。 HTML的核心结构通常包括`<html>`标签，它包含了两个主要部分：`<head>`和`<body>`。`<head>`标签用于放置元数据，如字符集声明（`<meta charset="utf-8">`确保了统一的字符编码），以及页面标题（`<title></title>`，显示在浏览器的标签页上）。`<body>`标签则是主要内容的容器，包含了所有用户将在浏览器中看到的实际内容。 HTML标签是由尖括号包围的关键词，它们可以成对出现，比如`<p>`（段落）和`</p>`，表示一个开始和结束。此外，标签还可以带有属性，如`class`或`id`，用于指定样式或提供额外的信息。例如，`<img src="image.jpg" alt="图片描述">`中的`src`和`alt`就是属性，分别指定了图片的源路径和替代文字。 HTML是大小写不敏感的，但在实践中，为了代码的可读性和一致性，通常采用小写形式编写。`<!DOCTYPE html>`声明是HTML5文档的开始，告诉浏览器这是一个HTML5文档，它在解析文档前起到识别作用。 HTML的特点包括简易性（通过超集方式简化版本更新）、可扩展性（通过子类元素支持功能增强）、平台无关性（跨平台兼容性）以及通用性（所有浏览器都支持）。这些特性使得HTML成为Web开发中的基石，无论是静态内容还是动态交互，都是由HTML进行基础布局和信息展示的。掌握HTML的基础语法和标签使用是前端开发者入门的第一步，理解并熟练运用这些规则，能够有效地构建出结构清晰、功能丰富的网页，为后续的JavaScript和CSS开发打下坚实的基础。

2.5.3 定义列表

定义列表 <dl>

</dl>

2.5.4 列表嵌套

2.6 图⽚标签

<img/>独⽴标签

属性:

src：图⽚地址：相对路径（同⼀个⽹站）绝对路径（不同⽹站）

width:宽度

height:⾼度

border:边框

align:对齐⽅式，代表图⽚与相邻的⽂本的相当位置（有三个属性值：top middle bottom）

alt:图⽚的⽂字说明

hspace 和 vspace 设定图⽚边沿上下左右空⽩，以免⽂字或其它图⽚过于贴近

2.7 链接标签

超链接可以是⽂本，也可以是⼀幅图像，您可以点击这些内容来跳转到新的⽂档或者当前⽂档中的某个部分。

属性：

href:跳转页⾯的地址(跳转到外⽹需要添加协议)；

name:名称，锚点(回到锚点: 顶部，底部，中间)，在访问锚点的书写格式:#name的值 target:_self(⾃⼰) _blank(新页⾯，之前页⾯存在) _pa

rent _top 默认_self

_search相等于给页⾯起⼀个名字，如果再次打开时，如果页⾯存在，则不再打开新的页⾯。可以是任意名字。

2.8 表格标签

表格由<table>标签来定义。每个表格均有若⼲⾏（由 <tr> 标签定义），每⾏被分割为若⼲单元格（由 <td> 标签定义）。数据单元格可以包含⽂本、图⽚、列

表、段落、表单、⽔平线、表格等等。

2.8.1 普通表格

(table,tr,td)

<ul>

<li>茶

<ul>

<li>绿茶

<ul>

</ul>

</li>

</ul>

</li>

</ul>

剩余10页未读，继续阅读

九♡三

粉丝: 1
资源: 3

HTML基础：标签详解与特点

Java0基础_day16_Javaweb前端_HTML_CSS_mysql（csdn）————程序.pdf

JavaWeb课程设计——图书馆管理系统.pdf

maven建javaweb项目，建完只有.idea

javaweb前端设计

javaweb前端程序设计笔记

JAVAWEB中程序包com.sun.image.codec.jpeg不存在

javaweb前端页面怎么写脚本

java人力资源管理系统工作职责_JavaWeb课设——人力资源管理系统

javaWeb连接数据库java.lang.ClassNotFoundException: com.mysql.cj.jdbc.Driver

javaweb前端模板

最新资源