H5的一些笔记

一些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>	<!-- 水平线-->
&nbsp;	<!-- 网页上显示一个空格-->

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可以,因此不要混用

上一篇:游戏互动营销案例 | 游戏化营销特点


下一篇:APP自动化实战之混合应用测试