HTML学习笔记：HTML的基本语法

最新推荐文章于 2021-06-03 18:10:48 发布

人间四月天的水中月

最新推荐文章于 2021-06-03 18:10:48 发布

阅读量162

点赞数

分类专栏： Web学习笔记

本文链接：https://blog.csdn.net/m0_45237843/article/details/102923814

版权

Web学习笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

基本语法

1、后缀
HTML文件的后缀名为(扩展名)：.html或.htm
可以使用任意文本编辑器创建HTML文件

2、注释

//HTML中采用：<!--  -->表示注释内容
//java中采用：// 或 /* */ 或 /** */
//jsp中采用： <%-- -->
<!-- 注释内容 -->

3、基本概念
标签：
标签用来标记内容，也是用标签来说明文本的意义。标签使用"<",">"包围。
标签分为成对标签和单标签
如：

<!--块级标签-->
<div></div>
<!--一级标题标签-->
<h1></h1>
<!--换行标签-->
<br>

元素：
一个元素通常是由一个开始标签，内容，其他元素以及一个结束标签组成的
如：

<div>
	<h1>一级标题</h1>
</div>

属性：
与元素相关的特性称为属性，属性由键值对组成。
<元素名属性1=值1 属性2=值2></元素名>
大多数标签的属性：
id 唯一标识
class 标识一类元素
style 样式
title 描述信息
name 名字（可以重复）
规范：
元素名和属性都不区分大小写。
如：

<div  style="background-color:DodgerBlue" >
</div>

4、文档结构
文档类型声明:
使用DTD来指定文档类型
1）严格的文档类型

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

2）宽松的文档类型

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

3）frameset 框架文档类型

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

4）H5文档类型

<!DOCTYPE html>

			html：
				标识HTML文档，根元素
			head：	
				标识HTML文档的头部
				可以包含该文档的标题，文档使用的脚本，样式定义，元数据等信息
			body：
				标识HTML文档的体部
				body中的内容可以显示到浏览器中。

		例如：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
			<html lang="en">
			<head>
				<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
				<title>标题</title>
			</head>
			<body>
				
			</body>
			</html>

5、meta元素

在<head> </head>头部文件中书写mata元素

定义文档元数据
1，定义元数据关键字

				<meta name="Author" content="candice">
				<meta name="Copyright" content="版权信息">
				<meta name="Description" content="描述信息">
				<meta name="keywords" lang="zh-cn" content="精品图书">
				<meta name="keywords" lang="en-us" content="good book">

2，报头规范（给浏览器看的）

			<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
				将会创建如下的消息头
					Content-Type:text/html;charset=utf-8
			<meta http-equiv="Content-Languaga" content="zh-CN">
				将会创建如下的消息头
					Content-Language:zh-CN
			<meta http-equiv="Refresh" content="n;url=http://yourlink">
				定时让网页在指定的时间n内跳转到页面http://yourlink
			
			<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">
				
				可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。 

			<meta http-equiv="Pragma" content="no-cache">
				设置网页禁用浏览器缓存
				将会创建如下的消息头：
					Pragma:no-cache
			<meta http-equiv="Cache-Control" content="no-cache">
				设置网页禁用浏览器缓存

6、颜色和大小
1）颜色
颜色由红®、绿(G)、蓝(B)组成，每个颜色的最低值为0(十六进制为00)，最高值为255(十六进制为FF)。十六进制值的写法为#号后跟三个或六个十六进制字符。
注：HTMl颜色表可百度查找
2）大小
px 像素
如1px代表一个像素

人间四月天的水中月

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记：HTML的基本语法

基本语法1、后缀HTML文件的后缀名为(扩展名)：.html或.htm可以使用任意文本编辑器创建HTML文件2、注释//HTML中采用：表示注释内容//java中采用：// 或 /* */ 或 /** *///jsp中采用： <%-- -->3、基本概念标签：标签用来标记内容，也是用标签来说明文...
复制链接

扫一扫

专栏目录