第一章HTML人门
本章内容
1.认识HTML(了解)
2.HTML基本结构(掌握)
3.常用标签(记忆)
第一节认识HTML
B/S:浏览器/服务器
C/S:客户端/服务器
1.1什么是HTML
HTML:Hyper Text Markup Lauguage(外国简称:HTML 中:网页)超文本标记语言
超文本:文字,图片,视频
一门能够被浏览器直接解析执行的语言,只要有一系列标签组成的
1.2基本结构(掌握)
<html> <head> 标题、样式表、脚本 <head> <body></body> <html>
第二节 常用标签(记忆)
标签注意事项
1.标签是由<和>和一些特定的单词组成
2.标签一般是闭合的,有开始标签页必须有结束标签,当然有一些自闭和标签
3.标签不区分大小写
4.标签需要正确嵌套
2.1标题标签
设置文章标题,有h1到h6 6种类型,其中h1标题最大,逐次递减,h6最小,独占一行
2.2段落标签
用来区分段落的:p
2.3换行标签
br实现换行,自闭和标签<br/>
2.4分隔线
<hr/>实现分隔线效果
2.5格式化标签
居中:center
有序列表:ol 必须配合具体的列表项li, 制作导航栏(重点)
无序列表:ul 必须配合具体的列表项li, 制作导航栏(重点)
自定义列表:dl 配合dt(列表的标题)dd(列表的内容)
预定义格式:pre
2.6文字的标签font:主要用来设置字体颜色,大小和类型
<font size="1-7" color="color_name|6位16进制数字,rgb"= face="宋体,黑体..."></font>
2.7字体形状
i:斜体 u:下划线 b:加粗 sub:下标 sup:上标
2.8图像
img:用来向网页插入图像
<img src="路径" width="宽度" height="高度" src:必要属性,插入图像路径,引用的图像必须有后缀 jpg,png,gif,bim 对齐方式:left,rihgt,实现文字环绕效果 路径:相对路径和绝对路径 相对路径:从当前位置出发(网页做在路径),另一个路径和当前路径的一个相对位置 绝对路径:文件的绝对位置,有盘符名称以及对应文件的文件夹名称
2.9视频
video:加载视频 audio:加载音频
<video src="喵" controls="controls"></video> <audio src="喵" controls="controls"></audio>
2.10超链接
1.实现页面跳转
<a href="">demol</a> href:如果要跳转,必要的属性 路径可以是网络路径,注意必须有https 也可以是本地路径
2.锚点
实现在本页面的跳转
1.设置锚点,通过设置name/id <a name=""id=""></a> 2.提供跳转到锚点链接 <a href="#name/id对应的名称"></a> #:在本页面中跳转
<body> <a name="you">顶部</a> <div style="height:900px"></div> <a href="#you">回到顶部</a> </body>
2.11结构化标签
html5新增结构化标签: header(设置页眉)nav (设置导航栏) footer(页脚)