Web前端开发学习之HTML(Day01)
程序员文章站
2022-04-20 08:28:56
...
Day01 初始HTML
HTML概述
1、什么是HTML
Web页或Web应用，就是互联网上的一个网页程序，通常以 .html或.htm作为后缀的文件。WEB页是由HTML编写而成。
HTML：(Hyper Text Markup Language),超文本标记语言
HTML基础语法
1、标记语法(Markup)
HTML用于描述功能的符号称之为"标记"
标记 必须用 尖括号"<>" 括起来<a></a>：超链接 <b></b>: 加粗文本显示 <p></p>: 段落
标记分类：
- 封闭类型标记-双标记
<标记>内容</标记>
注意：封闭类型标记，有开始，必须有结束，否则会有意想不到的效果 - 非封闭类型标记-单标记也称之为 空标记
<标记>
或
<标记/><br>:换行 <hr>:一条横线 <img>:图像
2、标准属性
每个元素都有自己的特有属性,有些属性是所有元素都支持的，称为标准属性
- id:元素在页面中的唯一标识
- title:鼠标移入到元素时所提示的文本内容
- class：元素引用的类选择器(与样式相关)
- style:元素定义的内联样式(与样式相关)
3、特殊字符
< 表示 <
> 表示 >
表示 一个空格
© 表示 ©
¥ 表示 ￥
4、文本样式
<b>...</b> : 加粗
<i>...</i> : 斜体
<u>...</u> : 下划线
<s>...</s : 删除线
<sup></sup>:上标
<sub></sub>:下标
5、标题元素
在页面中完成标题效果的显示(突出显示大小和加粗效果)
<h#></h#>
#:1~6
一级标题(最大)~六级标题(最小)
特点：
1、每个标题 独占一行
2、每个标题 都具备上下垂直空白
6、基本样式属性：
align：文本水平对齐方式
取值：
1、left ：左对齐
2、center ：居中对齐
3、right ：右对齐
size:尺寸,取值是一个以px(像素)为单位的数字,单位可以省略
width：宽度，取值数字，同上
color ：颜色
7、块元素与行内元素(后面讲css布局挺重要的)
块元素-div<div></div>
特点： 独占一行
作用：布局
行内元素-span<span></span>
注意：多个span会在一行内显示
作用：包裹文本，并设置文本样式
8、预格式化
作用：保留原文档中的格式，即保留文档中的回车和换行
语法：<pre></pre>
补充：
1.p标记不能嵌套块级元素的
2.<head>中的meta元素说明
1）<meta name="keywords" content="关键词1，关键词2，关键词3"> 定义网页搜索的关键词
2）<meta name="description" content="描述信息"> 定义网页描述信息
以上两点，主要针对"搜索引擎"