`

从头再学html 1

 
阅读更多



记得半年前学过等段时间的html,但是一直没怎么使用,应该说用的很少,没做什么web方面的实战项目,所以基本有荒废啦.但是为了接下来学好jsp,不得不再次学习一次,温故一下才行。久了,啥都忘记了。

好了,闲话少说,还是开始正题吧。

一 HTML 文档的基本结构

HTML文件是什么?

HTML表示超文本标记语言(Hyper Text Markup Language)。

HTML文件是一个包含标记的文本文件。

这些标记保速浏览器怎样显示这个页面。

HTML文件必须有htm或者html扩展名。

HTML文件可以用一个简单的文本编辑器创建,我是用notepad++,功能还比较不错。

先来看个例子吧:


运行效果图:

例子解释:

HTML文档中,第一个标签是<html>。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止。 在<head>和</head>标签之间文本的是头信息。在浏览器窗口中,头信息是不被显示的。 在<title>和</title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。 在<body>和</body>标签之间的文本是正文,会被显示在浏览器中。 在<b>和</b>标签之间的文本会以加粗字体显示。

二 HTML元素:
HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签。
HTML标签: HTML标签用来组成HTML元素。HTML标签两端有两个包括字符:“<”和“>”,这两个包括字符被称为角括号。HTML标签通常成对出现,比如<b>和</b>。一对标签的前面一个是开始标签,第二个是结束标签,在开始和结束标签之间的文本是元素内容。HTML标签是大小写无关的,<b>跟<B>表示的意思是一样的。

例如:下面是一个HTML元素:
<b>This text is bold</b>

此HTML元素以开始标签<b>起始, 内容是:This text is bold,以结束标签</b>中止。<b>标签的目的是定义一个需要被显示成粗体的HTML元素。

下面也是一个HTML元素:


此HTML标签以开始标签<body>起始,终止于结束标签</body>。<body>标签的目的是定义一个此HTML标签以开始标签<body>起始,终止于结束标签</body>。<body>标签的目的是定义一个HTML元素,使其包含HTML文档的主体此HTML标签以开始标签<body>起始,终止于结束标签</body>。<body>标签的目的是定义一个HTML元素,使其包含HTML文档的主体此HTML标签以开始标签<body>起始,终止于结束标签</body>。<body>标签的目的是定义一个html元素,其包含了了文档的主体部分。

还有一点,建议大家要保持大小写一致。最好是用小写。

为什么使用小写标签? 我们刚说过,HTML标签是大小写无关的:<B>跟<b>含义相同。当你上网的时候,你会注意到多数教程在示例中使用大写的HTML标签,我们总是使用小写标签。为什么? 假如你想投入到下一代HTML中,你应该开始使用小写标签。W3C在他们的HTML4建议中提倡使用小写标签,XHTML(下一代HTML)也需要小写标签。

三 标签属性: 标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。标签<body>定义了HTML页面的主体元素。使用一个附加的bgcolor属性,你可以告诉浏览器:你页面的背景色是红色的,就像这样:


标签<table>定义了一个HTML表格。使用一个附加的border属性,你可以告诉浏览器:这个表格是没有边框的,代码是:


属性通常由属性名和值成对出现,就像这样:name="value"。属性通常是附加给HTML元素的开始标签的。

注意:中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号




  


  
分享到:
评论

相关推荐

    从头学习HTML的宝典笔记

    1. **HTML基本结构**:HTML文件通常由`&lt;html&gt;`标签开始,表示文档的起点,`&lt;/html&gt;`标签则标记文档的终点。在两者之间,有两个重要的部分——`&lt;head&gt;`和`&lt;body&gt;`。`&lt;head&gt;`包含文档的元信息,如标题,而`&lt;body&gt;`包含...

    html:从头开始学习html

    从头开始学习HTML,你需要理解以下几个核心概念和知识点: 1. HTML结构:HTML文档通常由头部(`&lt;head&gt;`)、主体(`&lt;body&gt;`)两部分组成。头部包含元信息,如字符编码、样式表引用等,而主体则包含用户在浏览器中...

    技术基础:从头开始学习 Dojo

    1. **Base**:基础包提供了 Dojo Toolkit 的基石,包括 DOM 操作、CSS3 选择器、事件处理、基本动画以及基于类的面向对象特性。Base 包的目的是使开发者能快速入门,提供必要的功能,如 DOM 查询和事件绑定。 2. **...

    从头开始学习Python编程语言课程100节课44小时视频代码项目和聊天组前端后端基础知识AI测试.zip

    【标题】"从头开始学习Python编程语言课程100节课44小时视频代码项目和聊天组前端后端基础知识AI测试.zip" 提供了一个全面的Python学习资源,涵盖了从入门到进阶的完整过程,共计100节课,时长44小时。这表明课程...

    从头开始 系统化的 学习如何写Python爬虫。 Python版本 3.6 .zip

    在这个从头开始的学习过程中,我们将系统化地探索如何利用Python 3.6构建高效的网络爬虫,以获取和处理互联网上的数据。 首先,你需要了解Python的基础知识,包括变量、数据类型(如字符串、列表、元组、字典)、...

    Python-从头开始系统化的学习如何写Python爬虫

    通过结合`requests`库,你可以先获取网页内容,再使用BeautifulSoup解析其中的数据。 对于更复杂的爬虫项目,Scrapy框架是不二之选。Scrapy是一个强大的爬虫框架,它提供了一整套解决方案,包括请求调度、中间件、...

    SheLearnsHTML:她从头开始学习使用HTMl,CSS,Javascript

    《她从头开始学习HTML,CSS,JavaScript》 在当今数字化的世界中,掌握网页开发的基础技能,如HTML、CSS和JavaScript,对个人的职业发展至关重要。本文将深入探讨这些核心技术,帮助初学者理解它们的重要性,以及...

    gtcoding:从头开始学习编码

    1. **编程基础**:了解编程基本概念,如变量、数据类型、条件语句、循环、函数等。 2. **HTML基础**:学习HTML标记语言,理解元素、属性和文档结构,用于构建网页内容。 3. **CSS基础**:深入理解CSS选择器,学习...

    Sinau-Web:回购从头开始学习网络

    学习网络回购从头开始学习网络

    绝对很好的jsp学习资料,从头看到尾,就可以做web开发,我们的课件

    1. **JSP基础知识**:介绍JSP的基本概念,如JSP页面结构、指令、动作元素、内置对象等。 2. **Servlet和JSP的关系**:讲解Servlet与JSP之间的联系,如何通过Servlet处理请求,JSP展示响应。 3. **EL(Expression ...

    python-book:从头开始学习 Python

    从头开始学习 Python该存储库是一个源代码存储库,用于在线学习网站进行学习。必要的东西要从源代码生成 HTML 页面,您需要以下内容: Python3建造执行以下命令生成 HTML。 $ pip install -r requirements.txt$ ...

    从头开始:从头开始编程

    1. **HTML基础**:学习HTML语法,创建静态网页,理解元素、标签和属性的用法。 2. **网页结构与内容**:掌握如何组织网页结构,创建标题、段落、链接等内容。 3. **CSS基础**:虽然没有直接提及,但通常会介绍如何用...

    html静态网页模板

    5. **节省成本**:相比聘请设计师从头开始设计,使用模板可以显著降低开发成本。 HTML模板的组成部分通常包括: 1. **HTML文件**:定义了网页的结构和内容,使用HTML标签组织文本、图像和其他元素。 2. **CSS文件**...

    css:从头开始学习CSS

    1. **选择器**:选择器是CSS的核心,用来匹配HTML或XML元素,以便应用样式。基本选择器包括标签选择器(如`p`)、类选择器(如`.myClass`)、ID选择器(如`#myID`)和通配符选择器(如`*`)。更高级的选择器有组合...

    了解如何使用 HTML、CSS 和 JavaScript 构建简单、响应迅速的网站.zip

    HTML CSS JavaScript 项目这是网站的源代码100 HTML CSS JavaScript 项目访问100jsprojects.com预览项目。关于大家好!我是 Sahand,一名拥有十多年经验的 Web 开发人员。本课程“ HTML CSS JavaScript 项目”旨在与...

    解决同学们学习html样式的问题

    从头开始学习css,pd文件里面写得很详细,基础查的人也可以看懂

    pokedex-typescript:通过使用HTML和CSS从头开始构建Pokedex应用程序,学习TypeScript的基础知识

    TypeScript实用指南-如何使用HTML,CSS和TypeScript构建... 在本指南中,我将通过首先学习以这种出色的语言开始所需的所有基础知识,然后通过使用HTML,CSS和TypeScript从头构建一个应用程序来结束所有的TypeScript。

    TheAdventuresOfSC:从头开始制作HTML5游戏

    《The Adventures Of SC:从头开始制作HTML5游戏》是一份深入浅出的教程,旨在引导初学者和有经验的开发者逐步构建一个完整的HTML5游戏。HTML5是现代网页开发的关键技术之一,它极大地扩展了网页的功能性,尤其是...

Global site tag (gtag.js) - Google Analytics