2017年8月14日 - 前端学习第26天

时间：2021-05-01 14:06:49

企业应用发展：
哑终端 - 服务器
client - server（软件）
browser <-HTTP-> server（网站）

BS：
浏览器 <-HTTP-> 服务器（存放源文件）（运行web服务程序） - 网页
　java–tomcat
　php–apache
　nodejs–node.js
　iis–.net

网页的分类：

　　静态网页，html+css
　　客户端动态网页，html+css+js
　　服务器端动态网页，html+css+js，增加了服务端数据的更新

元素，页面上的东西。分为：块级元素与行内（内嵌/内联）元素；
标签，名字；
属性，修饰元素。属性名称可以自己定义。

HTML：超文本标记语言，基于标准通用标记语言
xHTML：基于可扩展超文本标记语言，是标准通用标记语言的一个子集，语法要求更严格
xml:可扩展标记语言，数据

HTML4与XHTML的区别
　　　在Xhtml中，标签必须小写
　　　属性=”值”，不能简写

一个标准网页：[.html .htm .shtml(ssi)]

<!DOCTYPE html>
<html>
　<head>
　　<meta charset="UTF-8">
　　<title>标题< /title>
　　<meta charset="utf-8" />
　　<style type="text/css">样式< /style>
　</head>
　<body>
　　内容
　</body>
</html>

HTML的标签：
（含义/效果）(见名知义，方便维护，方便搜索引擎）

    < q>：短引用标签，自动加上双引号；（主要为了告诉搜索引擎使用了引用）
< blockquote>：长引用，自动缩进
    h1-h6，标题，h1最大
<p>：段落
<br/>：换行
    em：倾斜；同义：< i>_样式标签_h5弃用
< strong>：加粗字体；同义：< b>_样式标签_h5弃用
    pre：预格式化文本
<nav>：导航栏
    < hr>：水平线；
    code：声明代码块
    address：声明地址，默认显示斜体
width
height
rowspan：跨行
colspan：跨列
<div>：盒子，结构
<section>：节，结构
**H5新增的标签**

<header
nav
section
footer
article
aside
块级元素
行内元素

引用图片：
< img src="路径" alt="图片不见了，我就显示">，路径包含：1，绝对路径；2，相对路径。

绝对路径就是文件的真正存在的路径，是指从硬盘的根目录(盘符)开始，进行一级级目录指向文件。

相对路径就是以当前文件为基准一级级目录指向被引用的资源文件。         
../             当前文件所在的目录的上一级目录         
./              当前文件所在的目录(可以省略)         
/               当前域名的根目录(域名映射的硬盘目录)
<a href="此处填写地址" target="_blank">此处填写显示的名称</a>
使用了target="_blank"就会在新标签页打开链接
<a href="链接地址#maodian">显示的</a>
<a name="maodian">显示的</a>
使用如上的语句可以直接跳转到锚点

在HTML中实现简单的表格（现在使用div或者H5中的语义化标签）

<table border="1" align="center">
<theaad>//可以省略
<tr colspan="3">
            我是行,先设置行，在行中显示列
<th rowspan="3">
                我是列（标题，字体加粗、加黑）
</th>
<td>
                我是列（普通）
</td>
</tr>
</theaad>
标签：