HTML基础知识总结——基础标签1

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标签：页面的标题

meta 标签：页面中带有的特征，用于通知浏览器，但标签；常用属性：http-equiva

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

HTML基础知识总结——基础标签1

猜你喜欢