目录
1.HTML的介绍
1>HTML的全称是"HyperText Markup Language",超文本标记语言
2>HTML是一门语言(后面会涉及DHTML、CSS、JavaScript、XHTML、XML,其中HTML、XHML、XML、JavaScript是程序语言,CSS和DHTML都不是一门语言)
3>HTML是最基础的网页语言,并且HTML标签不区分大小写;HTML标签是可以嵌套的,但是不可以交叉嵌套。
4>HTML的基本格式:
❶HTML的代码都是由标签组成,并且标签一般是成对存在的,但是也有单个存在的
❷HTML的前后标签的内容是差不多的,只是结束标签比开始标签多了一个“/”
❸ HTML内部的具体结构:
<html>
<head>
head的作用:1.存放在head中的内容会优先加载,加载顺序:从上到下,从左到右
2.存放属性信息或者辅助性信息
属性信息:头部内容;辅助性信息:编码,utf-8编码
3.引入外部文件(.css .js)
</head>
<body>
body作用:存放真正显示给用户的信息
</body>
</html>
2.HTML的标签(上)
2.1HTML的排版标签
❶<!-- --> :注释标签,标签里面的内容不会翻译到网页上
❷<p></p> :段落标签;
标签属性:align(对齐方式),align的取值:center、left、right、justify
❸<br/> :换行,注意“/”所在的位置
❹<hr/>:水平线标签(单独的标签单写成<hr>也不算错,最好写全)
标签属性:ⅰ.color 颜色属性;取值方式:
1、“颜色的英文名称加引号”; 2.“#”+六位十六进制数。例如:#aabbcc;
ⅱ.width/height宽度、高度属性;取值方式:
1.绝对值:xx px(像素)
2.相对值,随着屏幕变化:编写百分比
❺<div></div>在网页上声明一块区域,默认后面有换行;<div></div>标签是块级元素
❻<span></span>在网页上声明一块区域,默认在一行;<span></span>是行内元素
★考点:行内元素和块级元素:
具有代表性的 行内元素:<span></span>、<br/> 、 <img>、<input> 、<a>、<b>、<i>;
具有代表性的 块级元素:<div></div>、<th>、<td>、<ol>、<ul>、<hr>、<tr>、<h>
2.2HTML的字体标签
❶最正宗的字体标签:<font></font>
标签属性:1.color:颜色 取值方式:同上
★ 2.size:字号大小 取值方式:
普通的取值方式:"1-7"("1"最小,"7"最大,默认值为“3”);
★★★(易考)其他特殊的写法:1.<font size=“+n”>:默认字体+n,直到7,超过7的时候按照7算。 2.<font size="-n">:默认字体-n,直到减到1,小于1的时候按照1算
3.face:字体类型; 取值方式:引号+字体类型,如“隶书”“new times roman”
★❷标题标签:<h1~6></h1~6>(容易和font size混淆); 这里<h1>最大,<h6>最小
❸加粗标签 :<b></b>
❹斜体标签:<i></i>