一些H5基础知识
全栈>web前端=(约等于)HTML5=H5
W3C:万维网联盟(World Wide Web Consortium)网址是www.w3,org
全球有四个中心:麻省理工学院,欧洲数学与信息学研究联盟,东京庆应大学,北京航空航天大学
OpenSSL:全世界80%以上的网络通信都使用了openssl提供的加密工具来保障信息的安全
浏览器是网页的载体,网页需要在浏览器里运行;
编写网页的语言,叫做HTML,规定由W3C制定
HTML:超文本标记语言Hyper Text Markup Language
这些<标记文字>不再是普通的的文字内容他们不会显示在页面上,每个标记都有自己的作用,这些标记超越了普通文本的意义,叫做HyperText,它们全部以标记的形式来书写
1.博客
<h1>...</h1> <!-- 1级标题-->
<h2>...</h2> <!-- 2级标题-->
<h3>...</h3> <!-- 3级标题-->
<h4>...</h4> <!-- 4级标题-->
<h5>...</h5> <!-- 5级标题-->
<h6>...</h6> <!-- 6级标题-->
<p>...</p> <!-- 段落标签,文字会独占一行-->
<i>...</i> <!-- 文字会出现斜体效果-->
<b>...</b> <!-- 文字会出现加粗效果-->
<br> <!-- 换行标记-->
<hr> <!-- 水平线-->
<!-- 网页上显示一个空格-->
2.新闻列表
<a href="http://......">全球首例3D打印眼角膜</a> <!-- 超链接-->
<img src="img/......" /> <!-- 图片-->
<!-- 无序列表-->
<ul>
<li>
列表项目
</li>
</ul>
<!-- 有序列表-->
<ol>
<li>
列表项目
</li>
</ol>
3.知识补充
<a href="http://......" target="_blank">点我</a>
target 表示目标 blank表示空白(这里表示在空白窗口打开新页面)
<ul type="disc"> <!-- 实心圆-->
<li>
列表项目
</li>
</ul>
<ul type="circle"> <!-- 空心圆-->
<li>
列表项目
</li>
</ul>
<ul type="square"> <!-- 实心方块-->
<li>
列表项目
</li>
</ul>
<img title="提示(鼠标划上去时的提示)" alt="失败(图片加载失败后的文字)" src="img/a。png" />
<!-- 不常用标签:
使用<del>...</del>
给文字增加删除线
————————————————
使用<sup>2<sup>
把文字变成上标,10的2次方
————————————————
使用<u>...</u>
给文字加下划线
————————————————
使用<center>...</center>
把文字居中
-->
4.简单表格的制作
<table>...</table> <!-- 表格 -->
<tr>...</tr> <!-- 表示一行 -->
<td>...</td> <!-- 表示单元格 -->
<col> <!-- 表示一列 -->
border="1px" <!-- 表格边框属性 -->
cellspacing="0" <!-- 单元格空隙 -->
align="center" <!-- 对齐方式 -->
5.个人简历的制作
colspan="7" <!-- 行的合并 -->
rowspan="3" <!-- 列的合并 -->
6.表格知识补充
<th>...</th> <!-- th=加粗并居中的td -->
<col width="100px">
<col width="100px">
<col width="100px">
<col width="100px"> =<colgroup span="6" width="100px"> <!-- group表示分组-->
<col width="100px">
<col width="100px">
<col width="200px"> =<colgroup span="1" width="200px">
关于tbody标签:
<table>
<thead>
表格的页眉
</thead>
<tbody>
表格的主体
</tbody>
<tfooter>
表格的页脚
</tfooter>
</table>
关于标签的嵌套:
超链接不能嵌套超链接
p标签不能嵌套p标签
标题标签h1...h6也不能互相嵌套
7.登录表单
表单:
<form>
文本输入框
密码输入框
提交按钮
</form>
表单的知识点总结:
(1)form必须有action属性,表示提交地址
(2)所有需要提交的数据,input必须有name属性
(3)input按钮的文字,使用value属性表示
(4)input必须放在form标签才能提交
input标签常见的类型总结:
文本输入框type="text"
密码输入框type="password"
单选框type="radio"
复选框type="checkbox"
普通按钮type="button"
提交按钮type="submit"
重置按钮type="reset"
文件选择框type="file"
8.get请求和post请求的区别
(1)get请求通常表示获取数据
(2)post请求通常表示提交数据
(3)get请求发送的数据都写在地址栏上,用户可见
(4)post请求发送的数据用户不可见
(5)get请求不能提交大量数据,但post可以,因此不要混用