- HTML的中文含义:超文本标记语言。HTML语言不是编程语言,而是标记语言
- 标记的基本要求
- 通常成对出现,但也有个别但标记
- 单词应该小写(大写不会错,但不规范)
- 养成缩进的习惯
- 标签基本组成:<标签名 属性名=“属性值”></标签名>
- 标签在展现时分为:
5.1 行标签:内容只会显示在一行中,下一个标签不会换行
5.2 块标签:不管内容多少,都独占一行
6、注释的方法:<!—注释内容 -->
7、标签:单标签:<tagName> 一个标签代表一个功能
双标签:<tagName>..</tagName> 当中间有文字/标签段落等内容
- 网页标签的核心结构
- 文档类型:通知浏览器我的HTML页面的类型((html1.1 html2 html3 html4 html4.5 html5 html5.5)
- 声明写在页面最前 H5 <!DOCTYPE html>
- 总体结构
<html></html> 代表这个文档,所有内容应该包含其中
html 标签中包含两个大标签
<head></head> 头部,只能放和浏览器交互的信息/标签
<body></body> 身体,只能放页面中显示的内容/标签
例如:
<!DOCTYPE html>
<html>
<head>
<title>titleText</title>
</head>
<body>
</body>
</html>
1、head中的内容
title标签:页面的标题
<title>标题信息</title>
meta 标签:页面中带有的特征,用于通知浏览器,但标签;常用属性:http-equiva
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 指定浏览器的内容和编码格式
<meta http-equiv="Refresh" content="3;url=http://www.baidu.com" /> 指定页面刷新操作
<meta name="keyword" content="HTML,CSS,JavaScript" /> 指定网页的关键词,服务于搜索引擎(seo 搜索引擎优化 / sem)
<meta name="description" content="这是一个html的演示文档" />
2、关于body标签:存放所有页面的内容,给访问的用户展示
<body bgcolor="yellow" background="bg.jpg"></body> 使用bgcolor表示背景色;
使用background表示背景图案
在html中表示图像时,需要使用路径: 和当前文件demo.html在平级目录下bg.png
<body background="bg.jpg"></body>、
3、在网页中使用颜色
常见的颜色单词:white、black、red、blue、yellow、green、gray、pink、lightblue 、darkgray
更多的方式:十六进制表示法
4、在网页中使用图片
常见的格式: jpg(jpeg) gif(常见于动态图片/小图片/透明) png(矢量格式,推荐,可以表现出透明部分) svg(用代码实现图像的格式)
background中的背景图片默认铺满整个页面
图片的组织管理: 所有的页面文件都放在项目文件夹中,图片放在image文件夹中
这个时候要找到图片需要修改路径:
相对路径: 以文件本身所在目录作为参照,相对的寻找其他文件(常用)
bg.png 图像文件和网页文件在一起(平级关系)
image/bg.png 图像文件的目录和网页文件在一起
.表示当前目录 ./images/bg.png
..表示上级目录 ../images/bg.png .在当前代表html目录 ..表示jd目录(根目录)
/表示根目录
绝对路径: c:/image/bg.png http://www.baidu.com/image/bg.png
5、关于h标签,标题标签,由h1-h6(6种从大到小的字号) , 会加粗,字号变大,独占一行, 增加行间距
作用: 高亮,强调; 被会搜索引擎收录, 通常用于文章或段落或商品的标题
6、网页中的多个空格的输入只会被显示为一个空格;人为的换行也会显示为一个空格
显示空格的方法: 代表一个 4个
显示换行的方法: <br>
显示分割线的方法: <hr> width:宽度属性 align: 位置(center/left/right)
size: 粗细 color: 背景颜色
7、字体标签: font,双标签,行标签
属性: face:字体 size: 字号 1-7 color: 字体颜色
8、段落标签: p , 双标签,块标签 独占一行,自动填充段落前后间距,用于显示独立的一段文字(文章的段落)
9、预览标签 pre , 双标签,块标签
10、走马灯标签 marquee