记得半年前学过等段时间的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元素的开始标签的。
注意:中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号
分享到:
相关推荐
1. **HTML基本结构**:HTML文件通常由`<html>`标签开始,表示文档的起点,`</html>`标签则标记文档的终点。在两者之间,有两个重要的部分——`<head>`和`<body>`。`<head>`包含文档的元信息,如标题,而`<body>`包含...
从头开始学习HTML,你需要理解以下几个核心概念和知识点: 1. HTML结构:HTML文档通常由头部(`<head>`)、主体(`<body>`)两部分组成。头部包含元信息,如字符编码、样式表引用等,而主体则包含用户在浏览器中...
1. **Base**:基础包提供了 Dojo Toolkit 的基石,包括 DOM 操作、CSS3 选择器、事件处理、基本动画以及基于类的面向对象特性。Base 包的目的是使开发者能快速入门,提供必要的功能,如 DOM 查询和事件绑定。 2. **...
【标题】"从头开始学习Python编程语言课程100节课44小时视频代码项目和聊天组前端后端基础知识AI测试.zip" 提供了一个全面的Python学习资源,涵盖了从入门到进阶的完整过程,共计100节课,时长44小时。这表明课程...
在这个从头开始的学习过程中,我们将系统化地探索如何利用Python 3.6构建高效的网络爬虫,以获取和处理互联网上的数据。 首先,你需要了解Python的基础知识,包括变量、数据类型(如字符串、列表、元组、字典)、...
通过结合`requests`库,你可以先获取网页内容,再使用BeautifulSoup解析其中的数据。 对于更复杂的爬虫项目,Scrapy框架是不二之选。Scrapy是一个强大的爬虫框架,它提供了一整套解决方案,包括请求调度、中间件、...
《她从头开始学习HTML,CSS,JavaScript》 在当今数字化的世界中,掌握网页开发的基础技能,如HTML、CSS和JavaScript,对个人的职业发展至关重要。本文将深入探讨这些核心技术,帮助初学者理解它们的重要性,以及...
1. **编程基础**:了解编程基本概念,如变量、数据类型、条件语句、循环、函数等。 2. **HTML基础**:学习HTML标记语言,理解元素、属性和文档结构,用于构建网页内容。 3. **CSS基础**:深入理解CSS选择器,学习...
学习网络回购从头开始学习网络
1. **JSP基础知识**:介绍JSP的基本概念,如JSP页面结构、指令、动作元素、内置对象等。 2. **Servlet和JSP的关系**:讲解Servlet与JSP之间的联系,如何通过Servlet处理请求,JSP展示响应。 3. **EL(Expression ...
从头开始学习 Python该存储库是一个源代码存储库,用于在线学习网站进行学习。必要的东西要从源代码生成 HTML 页面,您需要以下内容: Python3建造执行以下命令生成 HTML。 $ pip install -r requirements.txt$ ...
1. **HTML基础**:学习HTML语法,创建静态网页,理解元素、标签和属性的用法。 2. **网页结构与内容**:掌握如何组织网页结构,创建标题、段落、链接等内容。 3. **CSS基础**:虽然没有直接提及,但通常会介绍如何用...
5. **节省成本**:相比聘请设计师从头开始设计,使用模板可以显著降低开发成本。 HTML模板的组成部分通常包括: 1. **HTML文件**:定义了网页的结构和内容,使用HTML标签组织文本、图像和其他元素。 2. **CSS文件**...
1. **选择器**:选择器是CSS的核心,用来匹配HTML或XML元素,以便应用样式。基本选择器包括标签选择器(如`p`)、类选择器(如`.myClass`)、ID选择器(如`#myID`)和通配符选择器(如`*`)。更高级的选择器有组合...
HTML CSS JavaScript 项目这是网站的源代码100 HTML CSS JavaScript 项目访问100jsprojects.com预览项目。关于大家好!我是 Sahand,一名拥有十多年经验的 Web 开发人员。本课程“ HTML CSS JavaScript 项目”旨在与...
从头开始学习css,pd文件里面写得很详细,基础查的人也可以看懂
TypeScript实用指南-如何使用HTML,CSS和TypeScript构建... 在本指南中,我将通过首先学习以这种出色的语言开始所需的所有基础知识,然后通过使用HTML,CSS和TypeScript从头构建一个应用程序来结束所有的TypeScript。
《The Adventures Of SC:从头开始制作HTML5游戏》是一份深入浅出的教程,旨在引导初学者和有经验的开发者逐步构建一个完整的HTML5游戏。HTML5是现代网页开发的关键技术之一,它极大地扩展了网页的功能性,尤其是...