目录
网页概述
网页概念:承载各种网站应用和信息的容器,所有可视化的内容都会通过网页展示给用户。
网页组成:文字、图像、超链接元素、音频、视频、动画等。
静态网页:页面信息固定,除非修改网页源代码。优点:访问速度快;缺点:更新不方便。
动态网页:显示的内容随着用户操作和时间的不同而变化。优点:互动性好,可以实时更新数据;缺点:访问速度慢,安全性隐患大。
动静结合:进行网站建设时,将重要的不需要更新更改内容做成静态网页,将需要数据更新和调用的内容做成动态网页
web标准:
结构标准:整理和分类网页元素(主要包括HTML、XML、XHTML)-->毛坯房
表现标准:设置网页元素的外观样式(主要指CSS)-->外观装修
行为标准:定义和编写网页模型(主要包括DOM、ECMAScrip)-->内部设备增添
HTML、CSS、JavaScript简介
HTML:描述网页中的文本、图片、声音等内容-->机器人框架
CSS:设置HTML文本内容、图片外形、版面布局等外观显示样式-->机器人外形
JavaScript:网页脚本语言-->机器人运行程序
常见浏览器及其内核
Mozilla Firefox:Gecko
IE:Trident
Safari:Webkit
Opera:Presto-->Blink
Google Chrome:Webkit-->Blink
HTML基本结构
使用软件:vs code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
</head>
<body>
可见的页面内容
</body>
</html>
注:<!DOCTYPE html> -->表示当前的网页支持html5标准
<html lang="en"> -->语言为英文
<meta charset="UTF-8"> -->指定页面的编码格式(字符集)
<meta name="viewport" content="width=device-width, initial-scale=1.0"> -->自适应终端的窗口
常见标签
文本标签
标题标签
格式:<hn>文本</hn>
<h1>文本</h1>
<h2>文本</h2>
<h3>文本</h3>
<h4>文本</h4>
<h5>文本</h5>
<h6>文本</h6>
网页渲染效果:
特点:
n的取值在1~6之间,数字越大字体越小
效果为字体加粗
可以自动换行,浏览器会自动在标题标签前后添加空行
段落标签
格式:<p align="对齐方式">文本</p>
<p>
文本1
</p>
<p>
文本2
</p><