`

HTML&CSS基础学习笔记1.1-简单网页中有哪些标签?

    博客分类:
  • HTML
阅读更多

一个简单网页中有哪些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

  • 大小: 33.8 KB
分享到:
评论
1 楼 octopole 2016-07-04  
 

相关推荐

    html+css+js总结笔记

    ### HTML+CSS+JS总结笔记 #### 一、HTML(超文本标记语言) HTML 是用于创建网页的标准标记语言。它由一系列元素组成,这些元素告诉浏览器如何显示内容。 ##### 1.1 框架与内容展示 - **`&lt;pre&gt;`**:预格式化文本...

    CSS学习与总结笔记pdf

    ### CSS学习与总结笔记 #### 一、CSS简介 ##### 1.1 HTML的局限性 HTML 是一种标记语言,其主要目的是定义网页内容的结构和意义,而非控制外观。这意味着,HTML 中的标签如 `&lt;h1&gt;`、`&lt;p&gt;`、`&lt;img&gt;` 和 `&lt;a&gt;` 等,...

    javascript学习笔记讲解版参考.pdf

    JavaScript学习笔记讲解版参考.pdf是一份详尽的教程,涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始,引导读者理解网页样式的设置与应用。 1. CSS(Cascading Style Sheets)样式表是用于控制...

    Javascript学习笔记-学JS的一手教程

    JavaScript学习笔记 JavaScript是一种强大的、跨平台的编程语言,主要用于为网页和应用程序添加交互性。在Web开发中,JavaScript与HTML和CSS一起构成了基础的三驾马车。本教程将帮助初学者理解JavaScript的核心概念...

    javaWeb学习笔记

    ### JavaWeb 学习笔记知识点概述 #### 一、HTML基础 **1.1 HTML简介** - **定义**: 超文本标记语言 (HyperText Markup Language),是一种用于创建网页的标准标记语言。 - **作用**: 用于描述网页的内容结构,并...

    HTML学习笔记

    ### HTML学习笔记知识点详解 #### 一、HTML基础知识概述 **1.1 计算机语言简介** - **机器语言**: 使用二进制代码(0 和 1)编写,计算机可以直接识别并执行。 - **汇编语言**: 介于机器语言和高级语言之间,用助...

    网页设计基础备课笔记.doc

    网页设计基础备课笔记主要涵盖了网页设计的基本概念和要素,以及网页设计的基本流程。以下是详细的讲解: **一、认识网页与网站** 1.1 网络基础:讲解了网络的定义,包括互联网的分类和发展概况,如OSI/ISO参考模型...

    pandalism.github.io:个人网页和博客

    不多说,我目前正在使用它来发布项目,而不发布有关项目的信息,大部分与博客本身,一些机器学习方面,数据科学,电子学或3D打印有关。 路线图 为了提醒自己,我想在这里实现以下目标: v0.1-启动站点! v0.5-...

    web前端学习笔记.docx编程资料

    ### Web前端学习笔记知识点概述 #### 一、Web基础知识 ##### 1.1 Web与Internet - **Internet**: 是一个全球性的计算机互联网络,提供多种服务如Telnet、Email、WWW、BBS、FTP等。它基于分组交换原理及TCP/IP协议...

    Oreilly.HTML学习笔记

    此外,书中的第五版还涵盖了对XHTML1.1和HTML5规范的更新,强调了向移动设备和无障碍访问优化网页的重要性。对于Web开发者来说,理解如何创建响应式设计,适应不同屏幕大小和用户需求,是当前的必备知识。 学习HTML...

    韩顺平 HTML笔记

    它由一系列标签组成,通过这些标签来定义网页中的不同元素。 ##### 2. HTML的基本结构 HTML文档的基本结构通常包括两个主要部分:`&lt;head&gt;` 和 `&lt;body&gt;`。`&lt;head&gt;` 部分包含了文档的元数据,例如标题、字符集声明等...

    Web前端基础笔记1

    【Web前端基础笔记1】 在Web开发领域,前端技术扮演着至关重要的角色,它负责构建用户与网站交互的界面。本笔记主要关注HTML(Hyper Text Markup Language),这是创建网页内容的基础语言。 1. HTML概述 HTML是一...

    韩顺平笔记CSS+div

    根据给定的文件信息,我们可以总结出以下几个关键的IT知识点: ### 1. 表格在HTML中的使用 ...这些知识点不仅适用于初学者学习HTML的基础,对于希望深入了解HTML表格、列表、框架及表单使用的开发者来说也非常有用。

    JavaScript学习笔记

    ### JavaScript学习笔记知识点详解 #### 一、JavaScript概述 ##### 1.1 什么是JavaScript - **定义**:JavaScript是一种用于网页开发的编程语言,它主要用于实现网页中的动态交互功能。 - **特性**: - **基于...

    SVG学习笔记(Scalable Vector Graphics)

    ### SVG学习笔记(Scalable Vector Graphics) #### SVG概述 SVG,全称为可缩放矢量图形(Scalable Vector Graphics),是一种基于XML的语言,用于描述二维矢量图形及其行为。SVG不仅支持静态图形,还支持动画以及...

    jsp学习笔记

    ### JSP学习笔记 #### 一、JSP基础 ##### 1.1 什么是JSP JSP(JavaServer Pages)是由Sun Microsystems公司提出的一种基于Java的动态网页技术标准。它利用了Java语言的强大功能来简化Web应用的开发。通过在HTML...

    java学习笔记整理

    ### Java学习笔记整理 #### 1. Java简介 ##### 1.1 计算机编程和开发语言 计算机系统由硬件系统和软件系统组成。软件系统又进一步细分为系统软件和应用软件。其中,系统软件包括操作系统、编译系统、数据库系统等...

    Web前置课笔记.md

    通过学习这些基础知识,初学者能够更好地理解和运用HTML5来创建具有良好结构和语义的网页。 #### HTML5基本结构 HTML5文档由一系列标签构成,每个标签都有特定的功能。最基础的HTML5文档结构如下: - `&lt;!DOCTYPE ...

Global site tag (gtag.js) - Google Analytics