1、 什么是HTML?
- HTML是一种超文本标记语言「Hyper Text Markup Language」;
- HTML不是一种编程语言,而是一种标记语言;
- HTML使用标记标签来描述网页;
- HTML的标记标签简称为HTML标签;
- HTML是一种解释型语言,由浏览器解释执行。
简单来说:HTML是一种描述网页的标记语言
2、 什么是HTML文档?
- HTML文档描述网页;
- HTML文档只包含:
- HTML标签和纯文本;
- HTML文档被简称网页;
- Web浏览器的作用是读取HTML文档,并以网页的形式展示出来;
- HTML文档的常见后缀:.html .htm
3、 HTML的基本语法
- HTML标签必须由<>包裹;
- HTML标签一般成对出现,分为:开始/开放标签和结束/闭合标签,也称容器;
- 标签与标签之间可以嵌套,但必须正确的嵌套;
- HTML标签不区分大小写
4、 HTML的基本结构
<html>为根标签,包含2大部分:<head>和<body>;
<head>定义HTML的头部,一般定义HTML的元信息,包含元素:<title> | <meta> |
<body>标签之间定义的是网页的主要内容。
5、 HTML的代码注释符:
<!-- 要注释的内容 -->
<标签名 属性名1=属性值1 属性名2=属性值2…>
标签1
title:定义网页的标题
标签2:
meta中的charset属性定义网页的编码格式
标签3:
body:定义网页的主体
属性1:
bgcolor:设置网页的背景颜色
属性2:
Background:设置网页的背景图片(优先级更高)
属性3:
Text:设置文本的颜色
基本标签1:
<hx></hx> 标题标签(独占一行)
基本标签2:
<br> 换行标签
基本标签3:
<hr> 下划线标签
基本标签4:
<p></p> 段落标签(间距比较大)
基本标签5:
<pre></pre> 预排版标签
基本标签6:
<img/> 图片标签
基本标签7:
<font> 文本字体标签
属性1:
Color:设置文本字体的颜色
属性2:
Size:设置文本字体的大小
属性3:
Face:设置文本字体的字体
基本标签8(文本格式化标签):
<b> 使文字加粗
<i> 使文字倾斜
<u> 使文字下面加下划线
<sup> 使内容比前面的字体小,高
<sub> 使内容比前面的字体小,低
基本标签9:
< marquee> 跑马灯标签
属性:
direction: 设置跑动方向;属性值:up | down | left | right
behaviour: 设置跑动方式;属性值:scroll循环跑动| slide只跑动1次 | alternate:来回交替跑动
scrollmount: 设置跑动速度「即每次跑动的长度;单位:像素」;
scrolldelay: 设置滚动延迟「即延迟多长时间开始;单位:毫秒」
loop: 设置滚动循环「默认值:-1」
width/height: 设置滚动范围
bgcolor: 设置滚动背景颜色
hspace/vspace: 设置水平/垂直方向的空白空间
标签10:
<a> 超链接标签(跳转到另外一个页面)
必选属性:href:设置要跳转的绝对路径/相对路径
属性1:
target:设置在哪里「怎样」打开超链接页面;属性值:target="_blank | _parent | _self | _top"
属性2:
name(配合#跳转到页面指定位置)
第一步:做记号: <a name="自定义标记名'>需要做记号的内容</a>
第二步:跳转到当前页面指定位置:<a href="#自定义标记名">超链接内 容</a>
标签11:
音频标签
必选属性:src:设置音频的路径
可选属性:loop:设置播放的次数
基本标签12:
无序列表<ul><li>
定义格式:
<ul type=”属性值”> 说明它是一个无序列表
<li></li> 代表每一条
<li></li>
…
</ul>
属性type的作用: 设置列表每一条前面的样式
disc:实心圆 circle:空心圆 square:正方形、
有序列表<ol><li>
定义格式:
<ol>
<li></li>
<li></li>
…
</ol>
自定义列表<dl><dt><dd>
<dl> 表明它是一个自定义列表
<dt></dt> 代表列表中的每一条
<dd></dd> 说明
</dl>