1,html概念
超文本标记语言,是一种解释执行的文本类标记语言,是Internet上用于编写网页的主要语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
html也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。
分析简单的HTML结构
1)符号介绍
2)元素介绍
3)结构介绍
3,基本语法
1)特性
可以使用.html与.htm作为html文件的后缀名(扩展名)
可以使用任意文本编辑器创建HTML,推荐使用
windows操作系统
文件名.扩展名
linux操作系统
文件名
2)注释
3)基本概念
标签:
标签用来标记内容,也是用标签表名文本的意义。标签使用"<",">"包围。
标签分为成对标签和单标签
元素:
一个元素通常是由一个开始标签,内容,其他元素以及一个结束标签组成的
属性:
与元素相关的特性称为属性,属性由键值对组成。
<元素名 1="值1" 2="值2">
coreattrs属性
大多数元素都可以使用的属性。
id:唯一标识
class:标识一类元素
style:样式
title:描述信息
规范:
元素名和属性都不区分大小写。
4)文档结构
文档类型声明:
版本和文档类型声明,版本和文档类型声明是对应的,文档类型使用DTD来指定
XML
1)严格的文档类型
2)宽松的文档类型
3)frameset
3)H5文档类型
;html:
标识HTML文档
head
标识HTML文档的头部
可以包含该文档的标题,文档使用的脚本,样式定义,元数据等信息
body
标识HTML文档的体部
body中的内容可以显示到浏览器中。
4.颜色与大小
1)颜色
颜色由红(R)、绿(G)、蓝(B)组成,每个颜色的最低值为0(十六进制为00),最高值为255(十六进制为FF)。十六进制值的写法为#号后跟三个或六个十六进制字符。
3位十六进制:6位16进制:rgb:颜色
#000:#000000:rgb(0,0,0):黑色-black
#F00:#FF0000:rgb(255,0,0):红色-red
#FFF:#FFFFFF:rgb(255,255,255):白色-white
2)大小
px像素
5.标签介绍
标签:网页上显示的内容放在这里
注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
字体:
<font>字体标签
语法:
<font>字体标签</font>
<p>标签:如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。
语法:
<p>段落文本</p>
注:一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。
语法:
我们使用
标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。
加入强调语气,使用<strong>和<em>标签
语法:
<em>需要强调的文本</em>
<strong>需要强调的文本</strong>
<em>的内容在浏览中显示为斜体,<strong>显示为加粗。如果不喜欢这种样式,没有关系,以后可以使用css样式去改变它。
<span>标签:为文字设置单独样式
语法:
<span>文本</span>
我们对<em>、<strong>、<span>这三个标签进行以下总结:
(1)<em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。
(2)<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。