HTML 架构 3月 前端 01Day
软件的架构：1). 一般使用的软件都是c/s架构 c/s 客户端 服务器
2). c表示客户端
3). s表示服务器
特点: (1) ： 软件使用前要安装
(2) : 软件更新时 服务器 客户端同时更新
(3) ：c/s架构不能跨平台使用
(4) ：c/s软件架构的客户端和服务器 采用的是通信 相对安全
B/s 特点: (1) : 不需要安装
(2) : 软件更新时 客户端不需要更新
(3) ：软件可以跨平台，只要系统中有浏览器，就可以使用
(4) : B/s 棌用的是HTTP 协议 相对说不安全
一个网页主要由三部分组成 结构 表现 行为
结构: html 用于描述页面的结构；
表现: css负责页面的样式 ，美化页面 外在表现
行为: jarascript 用于响应用户的操作
HTML 根标签 超文本标记语言
一般情况下都是一对一对，一级标题
根标签 ： <html> 内容 </html> (里面的子标签 ,<head>,<body>)
头标前 : <head> 内容 </head> 不会在网页上直接显示 （里面的子标签<title> )
体标签 ：<body> 内容 </body> 用来设置网页的主体 (用户看的到的)
标题标签 ：<title> 内容 </title> 写在标题栏上，选项卡的位置上
内容都是一对一对写在中间的
文件的扩展名都是 html
例如:
<html>
<head>
<title>这是一个又大又圆的苹果<title>
</head>
<body>
<h1>这是一串葡萄</h1>
</body>
</html>
html 的注释在<body>里面写，(只能在原码中查看，浏览器中看不到)
例如: <!-- 内容 -->
HTML学习的是各种标签
设置颜色 color
例: <foot color = "red"> 西瓜 </foot>
设置文本大小 size
例: <foot size = 9 > 西瓜 </foot>
标准 HTML5 <!DOCTYPE html >H5的一个文档声明 写在网页的最上面，第一行 作为文档结构的一部分；
标签也可以叫做元素
出现乱码的原因 : 编码的字符集和解码的字符集不同
解码 : 在中文的解码都是用 GB2312
常见的字符集: 1.ASCII 2.ISO- 8859 3.GBK 4.GB2312 5.UTF -8 万国码
<meta> 是一个字节符标签
例如: <meta charset = "utf-8"> 在<head> 里面写
h1 的重要性仅次于<title>
一个页面里最多有一个h1标题 因为使用多了的话他会认为你是一个垃圾网站
h2 h3 可以多用几个 h1~h6 标题标签
<p> </p> 段落标签 段与段之间都是有间距的
<p> 标签是独占一行的 换行也是当做一个空格 多个空格也只会当做一个空格显示
<br> </br> 换行标签
<hr> </hr> 在页面中生成一个水平线
<center> 居中对齐
& 实体名字 < < > > 空格   版权符号 &。copy
图片标签——》 引入一个外部图片路径 src = "i.gif" 在<body> 里面写入 gif 是动态 px 是像素
通过alt 属性 <img src = "1.gif" alt = "西瓜" />
设置图片大小 : width = "200px" height = "300px"
如果只设置一个的时候回等比例缩放
src 是配置图片的路径
指定网页的描述: <meta name = "des" content = "发布" ，”信息“ />
做请求的重定向: <meta http-equiv = "refresh" content = 5;url = http://www.baidu.com" />
<body> 里面写<h1> 5秒以后跳转到百度页面</h1>
指定网页的关键字 ： <meta name = 'keyords' content = 'h5','前端' />
xhtml的语法规范:
1.HTML 中不区分大小写 一般用小写
2.注释不能嵌套
3.标签必须结构完整，一对一对或字节对
4.HTML的标签可以嵌套，但不能交叉嵌套
5 HTML 标签中的属性必须有值 ，必须加引号
scr 属性 引入了一个外部界面 在<body> 里面写入
内联框架:
<iframe src = "1.timl" > </iframe>
超链接: 内部网页跳出来
使用超链接可以从一个页面跳转到另一个页面
属性: href = "路径"
例如: <a href = "1.html"> 我是一个超链接 </a>
没访问的网页是蓝色的，访问过得是紫色的
下划线是超链接
