HTML:HyperText Markup Langunge 超文本标记语言 是超越了文字范畴的用标记作为基本结构的与计算机沟通的语言
其中,超越文字范畴指除了文字还可以有图片、视频、音频、动画特效等其他内容,标记指“<>”,本质是计算机语言。
HTML的作用:做网页。用法:在HTML文件里书写。HTML文件可以通过网页编辑软件新建,也可以通过将新建的其他类型文件的后缀名改为.html建立。
网页以内容的存在形式分为静态网页和动态网页两个类型:
静态网页:内容写死在源代码里面,如果要修改,必须修改源代码,文件类型为.html .htm;
动态网页:内容来源于数据库,只要通过后台修改就能实现网页内容的修改,常见文件类型以所运用的语言分类有.php .aspx .jsp 等。
HTML文件的基本格式:
无标题文档午
标签是HTML的基本结构,分为双标签和单标签。
双标签:以“<标签名></标签名>”这种写法成对出现,前为开始标签、后为结束标签,两个标签之间填写内容,所以双标签的作用是内容的容器;
单标签:以“<标签名/>”或“<标签名>”这种写法单独出现,无法添加内容或者作为内容的本身,主要起到控制作用或者做到一些特殊的格式。
标签的属性:双标签写在头标签里,单标签直接写在标签里,格式为 属性名=“属性值”,多个属性值用“;”隔开。
以上的编码主要包含的标签有:
双标签<html></html>、<head></head>、<body></body>、<title></title>
单标签<meta />
HTML的结构:
<html>在最外层,表示了这是html网页文件,
在里面有两组同级的标签<head> 和<body> 。
<head>是头标签,放入的是控制性的内容,是网页里看不到的,
<meta>是<head>里常用标签,主要作用就是规定文件的编码格式,现在一般用国际通用编码格式utf-8。
<title>里的内容是能显示在标题栏上的内容。
<body>是主体标签,放入的网页内容,是网页里能看到的。
<body>通用标签和属性
<body>属性:
bgcolor:背景色 属性值为十六进制颜色代码 表示网页的背景颜色。
text:前景色 属性值为十六进制颜色代码 表示文本的颜色。
background:背景图 属性值为所引用背景图片的地址 表现为图片作为了网页的背景,背景图的优先级大于背景色的优先级。
路径和地址:分为绝对路径和相对路径:
绝对路径:是从根开始写的, / 代表根,除非有服务器一般很少用到;
相对路径:是一个自身到目标的路径,写法相当于从自身开始找到目标,其中 ./ 代表当前目录 ../ 代表上一级目录。
<font>是给字体添加格式的,有三个主要属性:
face:定义字体的样式,属性值是字体的名称 最常用的是 微软雅黑;
size:决定字体的大小,属性值是1~7,数值越大字体越大,最大为7,可以写大于7的数值但是现实的还是属性值为7是的字体大小;
color:赋予字体颜色,属性值是十六进制颜色代码;
<b>加粗文字。
<i>使文字倾斜。
<u>给文字添加下划线。
<strong>也可以加粗文字,还附带加强语气,用于网站优化 关键字密度。
<em>也可以使文字倾斜,还附带加强语气,同上。
空格:在代码界面里无论加多少空格在网页中都代表一个,想要加空格需要字符串 “ ;” 出现一个就代表一个空格。
换行:在代码界面里换行网页里是没有效果的,想要换行就要加单标签<br/>,出现一次就带表换一行。
虽然在代码界面换行没有效果,但是为了提高代码的可读性,还是要遵循以个换行的规则:
1.写完一句话换一行
2. 写完一个模块空一行
示例:以下代码
带格式的文字 加粗的文字 倾斜的文字 带下划线的文字 带以上三种效果的文字 带 很多 空格 的文字
表现为