HTML（P60）
一、易忘点：
打开VScode后要先更改文件名，格式为.html后再输入感叹号。
二、基础认识
1、网页：.html或.htm格式的文件，是网站中的一页。
2、html：超文本标记语言。不是编程语言，是标记语言
3、Web标准：由W3C组织和其他标准化组的制定的系列标的集合。 W3C (万维网联盟)是国际最著名的标准化组织。最佳体验方案是结构，表现，行为相分离。结构写到HTML文件中，表现写到CSS文件中，行为写到Javascript文件中。
（1）结构：对网页元素进行整理和分类——HTML
（2）表现：设置网页元素的外观样式——CSS
（3）行为：网页模型的定义记交互的编写——Javascript
4、标签有双标签和单标签之分，标签的关系可分为包含关系和并列关系。
骨架标签：
（1）<html></html>:根标签。
（2）<head></head>:文档的头部。
（3）<title></title>:文档的标题。
（4）<body></body>:网页的内容。
5、文档类型声明标签：<!DOCTYPE html>以为当前采用的是HTML5版本来显示网页。
6、lang语言种类：en英文；zh-CN中文。（可以互相显示）
7、字符集：UTF-8表示万国码。
<meta charset="UTF-8"/>三、标签
1、标题标签
h时head的缩写，标题文字加粗，字号变大。
<h1>标题-共六级选 ，</h1>
<h2>文字加粗一行显。</h2>
<h3>由大到小依次减，</h3>
<h4>从重到轻随之变。</h4>
<h5>语法规范书写后，</h5>
<h6>具体效果刷新见。</h6>
2、段落标签
p为paragraph的缩写。文本在一个段落中会根据浏览器窗口自动换行。段落与段落之间有一行空隙。
<p>这是第一段。</p>
<p>这是第二段。</p>3、换行标签
br是break的缩写。<br />是单标签。标签四个位置，中间有空格。
这是第一行。<br />这是第二行。4.文本格式化标签
（1）加粗
<strong>这是加粗，更推荐用这个</strong>
<b>这也是加粗，不推荐用这个</b>（2）斜体字
<em>这是斜体，推荐用这个</em>
<i>这也是斜体，不推荐用这个</i>（3）删除线
<del>这是删除线，推荐用这个</del>
<s>这也是删除线，不推荐用这个</s>（4）下划线
<ins>这是下划线，推荐用这个</ins>
<u>这也是下划线，不推荐用这个</u>5、盒子标签(自取）
(1)大盒子标签
div是division（分区）的缩写。占一行，一行只能放一个。
<div>这是大盒子标签</div>后面这几个字会显示在第二行
<div>这一句话会显示在第三行</div>（2)小盒子标签
span是跨度的意思。一行上可以有多个。
<span>这是小盒子标签</span>
<span>这会显示在上面那句话的旁边，跟它同一行</span>
6、图像标签
img为image（图像)的缩写。
（1）src表示图片路径。
（2）alt表示替换文本，当图片显示不出来时，会显示这里面的文本代替。
（3）title表示提示文本，鼠标放上去后会显示的文字。
（4）width表示像素的宽度，单独设置会使图片等比例变化，若与height一起用会改变图片的长宽比例。
（5）height表示像素的高度，同上。
（6）border表示图片边框的粗细。
<img src="这是图像的名字" alt="这是代替的文字" title="这是鼠标放上去会看到的文字" width="这是图片的宽" height="这是图片的高" border="这是边框的粗细">
扫一扫
4435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
