HTML基础知识学习:标签属性和元素

html基础

    尽管HTML的基础是纯文本,但我们还是需要多一些东西才能使纯文本文件变成合法的HTML文件。

  标签

  HTML基本的构成包含标签,标签围绕着内容,赋予内容某些意义。

  按照下面改进你的文件:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
		<html>
		<body>
		这是我的第一个网页
		</body>
		</html>
	

  保存文件,回到浏览器界面和选择“刷新”(这会重新装载网页)。

  网页的外观没有任何改变,HTML的目的是表达内容,而不是表达表现,这个例子现在已经定义了网页一定的基本元素。

  第一行以<!DOCTYPE..开始是为了让浏览器知道你到底要做什么。你可能还不知道自己在做什么,但接受它很重要。如果你不这样做,浏览器将用“quirks”(奇怪的)模式来表现你的网页。现在还不必担心,当然你需要了解或者学习的话可以看看 HTML高级教成的 进一步学习“文档类型”。当前,只需要记住把这一行放在文件的顶端就可以了。

  言归正传,<html>是隔开其他内容的起始标签,它告诉浏览器,位于自己与闭合标签</html>之间的就是是HTML文档。在<body>和</body>之间的是这个文档展示在浏览器上的主要内容。

  闭合标签 

  </body></html>关闭他们各自的标签。所有的HTML标签都要关闭。尽管老版本的HTML允许某些标签不关闭,但最新的标准要求所有的标签都要关闭。无论如何,闭合标签是一个好习惯。

  并不是所有的标签都像<html></html>一样关闭,有的标签不用绕在内容外面,它们是自关闭的。比如断行的的标签是这样的:<br />。呆会我们还有这方面的例子。你所需要记住的是,所有的标签都必须关闭,以及,大部分的内容都在标签之间,他们的格式是这样的:起始标签 - 内容 - 闭合标签。

  属性

  标签可以有属性,包含额外的信息。属性一般出现在开放标签中,它们的值总是在引号中。就像这样:<tag attribute="value">Margarine</tag>。呆会我们会讲解带属性的标签。

  元素

  除了标记元素的开始与结束,标签不愿再多做些什么。元素是构建网页的bits。你可能会说,比如,在<body></body>之间的是主体元素,又如,<title></title>是标签,而<title>Rumple Stiltskin</title>则是标题元素。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索html
, 网页
, 文件
, 标签
, 内容
元素
,以便于您获取更多的相关知识。

时间: 2024-08-04 00:44:11

HTML基础知识学习:标签属性和元素的相关文章

HTML基础知识学习笔记

毕业也快一年,一直从事网络推广工作,工作中经常接触到HTML代码,虽然大学里学过一些,但是自己仍然对HTML基础知识不够顽固,对于HTML没有系统性的概念.在这几天的HTML基础知识学习当中,主要有以下几点感悟. 1.看似熟悉,具体用法不懂 对于HTML基础知识,只能说大部分都是认识,知道代码是什么意思,可是详细的细分,具体代码怎么用,自己有不知道,对一些标记的属性根本不知道.比如说基本蚊子标记符<SUB>下角标和<SUP>上角标,网页标记<meta>网页的语言,之前的

JSP自定义标签基础知识学习_JSP编程

在实际的开发中,如为了简化JSP中出现大量的JSP脚本,那么我们需要使用标准标签库和EL表达式,但是和新标签库中提供的标签是有限的,不可能完全满足开发的需要.如:分页.因此需要学习如何自定义自己的标签库. 如果要实现自定义标签,那么需要如下几步: 编写标签处理类 需要继承或者实现相关的类或者接口 编写标签描述文件 该文件是一个XML文件,而且必须放在网站的WEB-INF目录中 在JSP中引入标签且使用 使用taglib指令引入标签库,随后使用. 自定标签的类体系 详细了解下一下几个类和接口: -

bootstrap基础知识学习笔记_javascript技巧

在此就不做 bootstrap 的介绍了,近几年 bootstrap 越来越流行,一点不亚于 js 中的 jquery. 以下为 bootstrap 3.3.5 学习中记录的东西,方便查阅,作者使用的是 jsp ,跟 html 可能有稍许不同,请自行参考修改 [引用文件] [页面引用] 路径请自行规划 <script type="text/javascript" src="<%=path%>/js-lib/jquery/jquery-1.11.2.min.j

jQuery入门基础知识学习指南_jquery

打开一个网页,如果 HTML 没有完全加载完毕,就去操作页面中元素是不安全的,但是监测 HTML 是否加载完毕呢?jQuery 提供了一个 $(document).ready() 方法,任何 ready 中的代码在 HTML 完全加载完成后才会被执行. $(document).ready(function() { console.log('ready!'); }); 此外,它还有一个简写方式 $(function() { console.log('ready!'); }); $(document

Java中的数组基础知识学习教程_java

数字 通常情况下,当我们处理数字时,使用原始数据类型,如 byte,int,long,double 等. 示例 int i = 5000; float gpa = 13.65; byte mask = 0xaf; 然而,在开发中,我们会遇到需要使用对象而不是原始数据类型的情况.为了实现这个, Java 为每个原始数据类型提供包装类. 所有的包装类 (Integer, Long, Byte, Double, Float, Short) 是抽象类 Number 的子类. 这种包装是由编译器处理,这个

DOS命令初学者基础知识学习_DOS/BAT

   DOS 基础命令 cd 改变当前目录 sys 制作DOS系统盘 copy 拷贝文件 del 删除文件 deltree 删除目录树 dir 列文件名 diskcopy 制磁盘 edit 文本编辑 format 格式化磁盘 md 建立子目录 mem 查看内存状况 type 显示文件内容 rd 删除目录 ren 改变文件名 记得多少啊,忘了就去上课看看,下面四个命令是新的,给出命令格式,你自己试试看,学电脑重要的就是摸索. cls 清屏 [适用场合] 屏幕上太乱了,或是屏幕上出现乱码了, 清除屏

Hive基础知识学习

1.Hive是什么 按照我的理解,Hive是一个中间工具.它的主要作用是将HQL(Hive Query Language)转换为一系列的MapReduce Job,利用Hadoop框架对数据进行类SQL处理.他的主要功能是在Hadoop框架上提供一个类SQL中间层,简化在Hadoop框架上实现SQL功能程序的编写. 请思考一下,为了实现这个功能,Hive应该具备什么功能? 1) 首先,Hive需要提供一种功能,将待处理的数据加载到HDFS当中.之所以要提供这种功能,是因为,Hadoop想要充分发

前端基础知识:Meta标签的那些事

Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务. 我现将前端页面开发经常用到的meta标签内容整理成文,加入了移动端web开发meta信息,供需要时查阅. 1.申明文档使用的字符编码 <meta charset='utf-8'> 或 <meta http-equiv="Content-Type" c

JavaScript基础知识学习笔记_基础知识

JavaScript简介 一.定义:JavaScript是脚本语言,需要宿主文件,它的宿主文件是html文件. JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. 二.用法: 在html中的位置有三块: 1)head里面: 2)body里面: 3)</html>之后,为了保险起见一般写在</html>之后.<script language=&quo