web前端HTML入门知识点总结
目录
web前端HTML入门知识点总结
一、相关扩展:
1.编程语言：
C C++ Java .net c#
面向过程 面向过程+面向对象 纯面向对象
2.两种主要的开发模式：
腾讯QQ: 下载--安装--点击启动应用程序
C/S 客户端/服务器应用程序
C---S---C
百度网站、淘宝网站：
打开浏览器--输入网址--回车
B/S : 浏览器/服务器
3.常用的浏览器：
IE 火狐 搜狗 360 世界之窗 谷歌
4.网站：有很多由共同主题的网页组成的网络站点
5.网页的七大元素：图 文 声 像 表单 表格 超链接
6.进制：
十进制 0-9 10 二进制 0-1 八进制： 0-7 10
十六进制：0-9 A B C D E F
二、网页设计：
HTML:超文本标记语言 设计网页的基础语言 .html .htm
语法：
<html>
<head>
<title> XXX科技有限公司 </title>
</head>
<!-- 注释内容
../../images/366431.jpg
-->
<body bgcolor="#FF66CC" background="f:/bochy/450058.jpg" text="">
<font color="yellow" size="7" face="," > 我设计的第一个网页 jjjj*****++++ </font>
</body>
</html>
三、常用标记：
1.文本设置：
<Hn align="left"> :标题(1-6) </hn>
<p align="left"> 段落 </p>
<br>强制断行(没有分段)
<hr align="center" color="" width="" size="" noshade >水平分割线
<div align="left">分层</div>
<center>居中</center>
字体：<font size="" color="" face=""></font>
<B>加粗</B>
<I>倾斜</I>
<U>下划线</U>
<S>删除线</S>
<sub>下标</sub>
<sup>上标</sup>
2.列表：
有序列表：
<ol type="A" start="4">
<li></li>
<li type="a" value="2"></li>
<li></li>
<li></li>
</ol>
无序列表：
<ul type="disc" >
<li><a href="" target="">数据</a></li>
<li type="" ></li>
<li></li>
<li></li>
</ul>
3.图片
<img src="" width="" height="" title="" alt="" border="" >
4.超链接
<a href="" name="" target="_blank">点击数据</a>
<a href="" name="" target="_self">
<img src="" width="" height="">
</a>
<a name="top" > </a>
<a href="aaa.html#top">锚点连接</a>
5.表格:布局 整齐美观
<table width="" height="" border="2" bordercolor="" align="" bgcolor="" background=""
cellspacing="0" cellpadding="">
<caption align="top">标题</caption>
<tr>
<th>列标题</th>
<th>列标题</th>
<th>列标题</th>
<th>列标题</th>
<th>列标题</th>
</tr>
<tr bgcolor="" background="" align="">
<td colspan="4"></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
6.表单：不能嵌套
<!--
把数据提交到action 对应的资源上，提交方式：get post
两种提交方式的区别：
get:1.提交信息会追加到网址后面，数据不安全
2.最多提交255个长度的数据，如果数据过多，可能会丢失数据
3.提交的是表单中的数据，传输效率比较高
post:1.提交信息不会追加到网址后面，数据相对安全
2.没有长度限制
3.提交的是整个表单，效率相对get较低
-->
<form action="" method="get">
<input type="text" name="" value="aaaa" size="" maxlength="">
<input type="password" name="" value="" size="" maxlength="">
<input type="radio" name="" value="" checked >
<label> <input type="checkbox" name="" value="" checked >篮球 </label>
<select size="" multiple>
<option></option>
<option selected></option>
<option></option>
</select>
<textarea rows="" cols=""> 数据</textarea>
<input type="submit" value="提交">
<input type="reset" value="重写">
<input type="button" value="按钮">
</form>
7.框架网页：在一个浏览器中显示多个独立网页(通过导航栏)
<frameset rows="200,20%,*">
<frame src="" name="">
<frame src="" name="">
<frameset cols="*,3*">
<frame src="" name="" noresize>
<frame src="" name="">
</frameset>
</frameset>
8.内嵌框架
<iframe src="" width="" height="">