HTML、CSS学习笔记(1)HTML入门

前言

本意是写给自己看的学习笔记,如果能恰好帮到有需要的人那最好了。我是一个接触时间不长的新手,秃头摸爬滚打中,将一些重点总结记录下来,如有错误欢迎指正。

部分内容来自www.w3school.com.cn 和相关书本教材,若有侵权请告知,将会立即修改。

HTML入门

(1)一些相关知识

网站由网页构成,网页有静态和动态之分。静态网页指的是无论用户何时访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。静态网页更新不方便,但访问速度快。动态网页可以和服务器数据库进行实时的数据交换,显示的内容会随着用户操作和时间的不同而变化。

web标准主要包括结构、表现和行为三方面。结构用于对网页元素进行整理和分类,主要包括HTML(超文本标记语言)、XML和XHTML;表现用于设置网页元素的外观样式,主要指的是CSS(层叠样式表);行为指的是网页模型的定义及交互的编写,主要包括DOM和ECMAScript。

(2)HTML简介

HTML 是用来描述网页的一种语言,称为超文本标记语言 (Hyper Text Markup Language),HTML 不是一种编程语言,而是一种标记语言 (markup language),标记语言是一套标记标签 (markup tag)。

HTML 使用标记标签来描述网页,在HTML页面中,带有“<>”符号的元素被称为HTML标记,也称为HTML标签或HTML元素。

HTML标签分为单标签与双标签:单标签也称空标签,只用一个标签符号即可完整地描述某个功能的标签;双标签也称体标签,指由开始和结束两个标签符组成的标签。

HTML标签可以对属性进行设置,一个标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。任何标签的属性都有默认值,省略该属性则取默认值。

(3)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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

以上是HTML文档的基本格式,每个标签的具体介绍如下:

<!DOCTYPE> 标签位于文档的最前面,用于向浏览器说明当前文档使用哪种标准规范。

<html> 标签位于<!DOCTYPE>标签之后,也称为根标签,用于告知浏览器其自身是一个HTML文档。在<html>之后的一串代码“xmlns=“http://www.w3.org/1999/xhtml””用于声明XHTML统一的默认命名空间。

<head> 标签用于定义HTML文档的头部信息,也称为头部标签。一个HTML文档只能含有一个<head>标签,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

<meta/> 标签用于定义页面的源信息,可重复出现在<head>标签中,在HTML中是一个单标签。<meta/>标签有几种常用的设置,示例:

1.用于设置网页关键字。
<meta name=“keywords” content=“HTML,CSS,新手入门”/> 这里name属性的值为keywords,用于定义搜索内容名称为网页关键字;content属性的值用于定义关键字的具体内容,多个关键字内容之间用“,”隔开。
2.用于设置网页描述。
<meta name=“description” content=“这是一个小白的学习笔记”/> 这里name属性的值为description,用于定义搜索内容名称为网页描述;content属性的值用于定义描述的具体内容。
3. 用于设置网页作者。
<meta name=“author” content=“HakuyaSakin”/> 这里name属性的值为author,用于定义搜索内容为网页作者;content属性的值用于定义具体的作者信息。
4. 用于设置字符集。
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”/> 这里http-equiv属性提供参数类型,content属性提供对应的参数值。content属性的值为text/html和charset=utf-8,中间用“;”隔开,用于说明当前文档类型为HTML,字符集为utf-8(国际化编码)。
5. 用于设置页面自动刷新与跳转。
<meta http-equiv=“refresh” content=“10;url=http://www.tellyouworld.com”/> 这里http-equiv属性的值为refresh,content属性的值为数值和url地址,中间用“;”隔开,用于指定在特定的时间后跳转至目标页面,该时间默认以秒为单位。

<title> 标签用于定义HTML页面的标题。

<link> 标签用于引用外部文件,一个页面允许使用多个<link>标签引用多个外部文件。例如使用<link rel=“stylesheet” type=“text/css” href=“style.css”>引用外部CSS样式表。

<body> 标签用于定义HTML文档所要显示的内容,也称为主体标记,浏览器中所要显示的所有文本、图像、音频、视频等信息都必须位于<body>标记内,<body>标签中的信息才是最终要展示给用户看的。

<!--注释语句--> 标签用于注释,注释内容不会显示在浏览器窗口中。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值