一个简单网页中有哪些HTML标签?
平时我们看到的网页,都是由HTML的标签来组成的。HTML标签非常多,我们先来认识一部分。
1. <html></html>称为根标签,所有的网页标签都在<html></html>中。
2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。
3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
举例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="index.css">
<title>一个简单的网页</title>
<style type="text/css" rel="stylesheet">
img {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<h1>我是标题</h1>
<p>我是段落</p>
<!-- 这是图片 -->
<img src="" alt="图片">
<!-- 这是链接 -->
<a href="www.XXXXXX.com">查看链接</a>
</body>
</html>
这段html的代码在浏览器页面的内容会如附件图片所示。
交互学习体验可参考:http://www.mayacoder.com/lesson/unit?id=1
相关推荐
### HTML+CSS+JS总结笔记 #### 一、HTML(超文本标记语言) HTML 是用于创建网页的标准标记语言。它由一系列元素组成,这些元素告诉浏览器如何显示内容。 ##### 1.1 框架与内容展示 - **`<pre>`**:预格式化文本...
### CSS学习与总结笔记 #### 一、CSS简介 ##### 1.1 HTML的局限性 HTML 是一种标记语言,其主要目的是定义网页内容的结构和意义,而非控制外观。这意味着,HTML 中的标签如 `<h1>`、`<p>`、`<img>` 和 `<a>` 等,...
JavaScript学习笔记讲解版参考.pdf是一份详尽的教程,涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始,引导读者理解网页样式的设置与应用。 1. CSS(Cascading Style Sheets)样式表是用于控制...
JavaScript学习笔记 JavaScript是一种强大的、跨平台的编程语言,主要用于为网页和应用程序添加交互性。在Web开发中,JavaScript与HTML和CSS一起构成了基础的三驾马车。本教程将帮助初学者理解JavaScript的核心概念...
### JavaWeb 学习笔记知识点概述 #### 一、HTML基础 **1.1 HTML简介** - **定义**: 超文本标记语言 (HyperText Markup Language),是一种用于创建网页的标准标记语言。 - **作用**: 用于描述网页的内容结构,并...
### HTML学习笔记知识点详解 #### 一、HTML基础知识概述 **1.1 计算机语言简介** - **机器语言**: 使用二进制代码(0 和 1)编写,计算机可以直接识别并执行。 - **汇编语言**: 介于机器语言和高级语言之间,用助...
网页设计基础备课笔记主要涵盖了网页设计的基本概念和要素,以及网页设计的基本流程。以下是详细的讲解: **一、认识网页与网站** 1.1 网络基础:讲解了网络的定义,包括互联网的分类和发展概况,如OSI/ISO参考模型...
不多说,我目前正在使用它来发布项目,而不发布有关项目的信息,大部分与博客本身,一些机器学习方面,数据科学,电子学或3D打印有关。 路线图 为了提醒自己,我想在这里实现以下目标: v0.1-启动站点! v0.5-...
### Web前端学习笔记知识点概述 #### 一、Web基础知识 ##### 1.1 Web与Internet - **Internet**: 是一个全球性的计算机互联网络,提供多种服务如Telnet、Email、WWW、BBS、FTP等。它基于分组交换原理及TCP/IP协议...
此外,书中的第五版还涵盖了对XHTML1.1和HTML5规范的更新,强调了向移动设备和无障碍访问优化网页的重要性。对于Web开发者来说,理解如何创建响应式设计,适应不同屏幕大小和用户需求,是当前的必备知识。 学习HTML...
它由一系列标签组成,通过这些标签来定义网页中的不同元素。 ##### 2. HTML的基本结构 HTML文档的基本结构通常包括两个主要部分:`<head>` 和 `<body>`。`<head>` 部分包含了文档的元数据,例如标题、字符集声明等...
【Web前端基础笔记1】 在Web开发领域,前端技术扮演着至关重要的角色,它负责构建用户与网站交互的界面。本笔记主要关注HTML(Hyper Text Markup Language),这是创建网页内容的基础语言。 1. HTML概述 HTML是一...
根据给定的文件信息,我们可以总结出以下几个关键的IT知识点: ### 1. 表格在HTML中的使用 ...这些知识点不仅适用于初学者学习HTML的基础,对于希望深入了解HTML表格、列表、框架及表单使用的开发者来说也非常有用。
### JavaScript学习笔记知识点详解 #### 一、JavaScript概述 ##### 1.1 什么是JavaScript - **定义**:JavaScript是一种用于网页开发的编程语言,它主要用于实现网页中的动态交互功能。 - **特性**: - **基于...
### SVG学习笔记(Scalable Vector Graphics) #### SVG概述 SVG,全称为可缩放矢量图形(Scalable Vector Graphics),是一种基于XML的语言,用于描述二维矢量图形及其行为。SVG不仅支持静态图形,还支持动画以及...
### JSP学习笔记 #### 一、JSP基础 ##### 1.1 什么是JSP JSP(JavaServer Pages)是由Sun Microsystems公司提出的一种基于Java的动态网页技术标准。它利用了Java语言的强大功能来简化Web应用的开发。通过在HTML...
### Java学习笔记整理 #### 1. Java简介 ##### 1.1 计算机编程和开发语言 计算机系统由硬件系统和软件系统组成。软件系统又进一步细分为系统软件和应用软件。其中,系统软件包括操作系统、编译系统、数据库系统等...
通过学习这些基础知识,初学者能够更好地理解和运用HTML5来创建具有良好结构和语义的网页。 #### HTML5基本结构 HTML5文档由一系列标签构成,每个标签都有特定的功能。最基础的HTML5文档结构如下: - `<!DOCTYPE ...