HTML(基础)
HTML:是一种描述网页的语言;
超文本语言
不是编程语言
HTML:是用来展示文字,图片,音频,视频的。
浏览器内核:
负责对网页语法进行解释(HTML,CSS,JS)。
HTML:
<!DOCTYPE html>:代表文档类型,告诉浏览器我将是网页内容。(专业称呼:文档声明)
<html>:网页的开始;
</html>:网页的结束;
<head>:网页 头的开始;
</head>:网页 头的结束;
<body>:网页内容的开始;
</body>:网页内容的结束;
<title>:网页标题的开始;
</title>:网页标题的结束;
<meta charset="utf-8">:网页的编码,语言;
utf-8:国际统一编码;
<meta charset="utf-8">
meta:表示标签(当然标签还有很多);
charset:表示属性(括号内容同上);
utf-8:值
标题标签特点:
1.都是双标签;
2.h1最大,h6最小;
3.文字加粗;
4.独占一行;
文本标签的特点:
1.不换行;
2.<em>和<strong>这俩很重要;可以让浏览器(搜索引擎)记住它;
img标签特点:
1.显示图片;
2.src:图片地址;
示例:<img src="11111.jpg" >,这个双引号里可以是图片的名称/图片的链接。
(一定要带上图片的后缀)
3.alt:图片加载失败可以显示文字;
示例:<img src="图片链接" alt="图片"> (由于图片链接太长了就不放了)
如图所示:
4.title:当鼠标移动到图片上时会有文字提示。
示例:<img src=""alt="图片" title="图片">(由于图片链接太长了就不放了)
如图所示:
5.找本地图片:
① ./:注意有两个符号,表示当前文件的所在;
示例:
② ../:同上 表示文件上一级的所在;
示例:
③ /: 这是一个符号 ,表示图片在下级文件夹;
示例:
超链接标签:
1.超链接标签:<a hret="网络地址/资源地址"> ;
锚点:
.
列表:
有序列表:<ol>,独占一行,<li> 这里面写内容
无序列表:<ul>,同上
自定义列表:<dl>
<dt> 表示标题
<dd> 表示内容
转义符:
1.& shift+7
2.代码里这么输 < 显示在网页里就是“>”
3.代码里这么输 > 显示在网页里就是“<”
4.代码里这么输   显示在网页里就是“空格”
5.代码里这么输 © 显示在网页里就是版权符号“©”
div与span特点:
1.div特点:独占一行
重要的布局标签
可放语义化标签
2.span特点:不独占一行
修饰某一块文字/图片让其更好看
块元素:独占一行。
行元素:不独占一行。
语义化标签的作用:
1.让浏览器更好的收录,显示,解析。
2.让程序员更好的去识别,更好的与维护。