前端学习:基础HTML和HTML5

基础HTML和HTML5
学习整理于:
一、基本介绍
HTML 是一种标记语言,使用特殊的语法或标记来向浏览器描述网页的结构 。HTML 元素由开始和结束标签构成,标签之间是文本内容 。不同的标签可以让文本内容以标题、段落、列表等形式展现 。
二、基本内容 1、大部分 HTML 元素都有一个开始标签和一个结束标签
开始标签像这样:
结束标签像这样:
开始标签和结束标签的唯一区别就是结束标签多了一个斜杠 。
例如:
Hello World
2、用h2元素代表副标题
这些元素用来告诉浏览器网站的结构是什么样子 。h1 元素通常被用作主标题,h2 元素通常被用作副标题,还有 h3、h4、h5、h6 元素,它们分别用作不同级别的标题 。
例如:
Hello,SkyHi,Son
页面展示:
3、用 p 元素代表段落
p 元素是网站上段落文本使用的元素 。
p 是“(段落)”的缩写 。
Hello,SkyHi,SonAgain I'm falling for you, so you wrapyour arms around mine.

页面展示:
...
可以自动换行
也可以在一行的代码后输入
代码即可实现换行操作,换行没有间隔 。
是一个独目标记,写一个就可以 。表示横线,同样也是独目标记 。如
4、用占位符文本填充空白
Hello WorldHello TXAgain I'm falling for you, so you wrap your arms around mine.
Love you

就是使用空格来占位
5、添加 HTML 的注释
在 HTML 中,注释的开始标签是
6、预留格式,删除字体,插入字体,粗体字,斜体字
for(i=1;;){i++}
网页上的结果为:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img--84)(/Users/// /-user-/image-.png)]
delete wordsinsert wordbolditalics
显示结果为:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img--86)(/Users/// /-user-/image-.png)]
7、右上,右下角加字
10>210>a
显示为:102
? 10a
8.字体样式
字体
显示为:字体
9.实体符号
实体符号特点是,以&开始,以;结束,<; 是小于号,>;是大于号
 ;是一个空格
10.表格
1234abc
下面是单元格合并:
1234abc11
显示为:
1234
a
b
c
1
1
r
e
注意:row合并时 删除“下面的”单元格;col删除没有要求,使用即可
还有一种单元格用法:
个人他人11
用法:元素中的文本通常呈现为粗体并且居中 。元素中的文本通常是普通的左对齐文本 。
对于th标签我们想要字体居中,我们可以这样编写:
活动名称
个人他人
1

前端学习:基础HTML和HTML5

文章插图
无序列表以结束 。
例如: