记得半年前学过等段时间的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的入门教材,适合初学者
HTML 学习HTML
她学习HTML 她从头开始学习使用HTMl,CSS,Javascript。
从头学Qt Quick(3)-- 用QML写一个简单的颜色选择器 我的博客:http://www.cnblogs.com/csulennon/p/qml.html
学习网络回购从头开始学习网络
从头开始学习 Python该存储库是一个源代码存储库,用于在线学习网站进行学习。必要的东西要从源代码生成 HTML 页面,您需要以下内容: Python3建造执行以下命令生成 HTML。 $ pip install -r requirements.txt$ ...
请求网页: 爬虫使用HTTP或其他协议向目标URL发起请求,获取网页的HTML内容。这通常通过HTTP请求库实现,如Python中的Requests库。 解析内容: 爬虫对获取的HTML进行解析,提取有用的信息。常用的解析工具有正则...
从头开始学习css,pd文件里面写得很详细,基础查的人也可以看懂
TypeScript实用指南-如何使用HTML,CSS和TypeScript构建... 在本指南中,我将通过首先学习以这种出色的语言开始所需的所有基础知识,然后通过使用HTML,CSS和TypeScript从头构建一个应用程序来结束所有的TypeScript。
CSS 学习CSS 发现 选择器 颜色 计量单位 盒子模型 CSS和HTML 陷阱 位置 flexbox简介 属性的全局值 网格布局介绍
当我在一个月的时间里与Jekyll搏斗了12个小时之后,于2021年2月写这篇文章时,我学到了以下内容: 自己建造东西很有趣。 自己动手做是获得理解和掌握的最好方法之一 依赖关系是痛苦的重担,尤其是随着时间的流逝。...
学习编程适用于那些想要从头开始学习编程的人的应用程序,目前只有基础知识:)。
欢迎来到我的 CSS 和 HTML 研究时间表! 你好 :smiling_face_with_smiling_eyes: !... 嗨,我是编程领域的初学者,我于 2021 年 6 月从头开始学习。 在这个存储库中,我将按升序排列一些练习来记录我的演变。
如果你同时使用HTML4和HTML5的话,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4,它们还是有很多相似之处,但是它们也有一些关键的不同。接下来通过本文一起学习html5和...
PortFolio_网站具有Bootstrap的完整产品组合网站-HTML / CSS在此项目中,我们将学习和构建如何使用HTML和CSS创建具有Bootstrap的... 我们将从头开始了解所有内容。要执行此项目,只需在浏览器中打开index.html文件。
DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” > <head runat=”server...
这一讲中,主要对JQuery的选择器做个简单的介绍,JQuery是怎么样来获取到值的。...DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
主办网站我借助udemy课程从头开始创建了一个网站。 我主要使用CSS(与Flexbox和Grid一起使用),但我们也学到了一些JS。 讲师首先根据页面的大小解释视口上元素的行为。 为了使页面具有响应性,我不得不连续两次...
使用HTML和CSS从头开始构建网站。 :check_mark: 第1课。我的第一个网页! :check_mark: 第2课。我的第一个迷你网站。 基本的html。 :check_mark: 第3课。表格,表格和特殊字符。 :check_mark: 第4课。博客文章样式的...
另外,若您不是初学者,但想要从头开始学习Ruby语言,这《Ruby Programming:向Ruby之父学程序设计(第2版)》也会派上用场。Ruby是为了让程序设计更快乐而开发的程序语言。Ruby具有“彻底面向对象”、“丰富的程序库”...