HTML篇
对于前端的理解我觉得主要是由HTML(结构)、CSS(样式)、javascript(行为)组成。
HTMl4.0.01
标签
1.行级元素:span strong em a del...
feature:内容决定元素所占位置,不可以通过css改变宽高
2.块级元素:div p ul li ol form adress...
feature:独占一行,可以通过css改变宽高
3.行级元素:img...
feature:内容决定大小可以改变宽高
inline block inline-block;
liline inline-block都属于文本类元素
凡是带有inline的元素,都是文本类元素,都带有文字特性。
接下来就是常用标签
<html></html>--根标签
<head></head><body></body>--结构化标签
<meta charst="utf-s">
charst--编码字符集
utf-8--万国码
<title></title>--页脚标
<p> </p>--成段展示
<h1></h1>--标题标签1号
<h2></h2>--标题标签2号
<h3></h3>--标题标签3号
<h4></h4>--...
<h5></h5>--...
<h6></h6>--...
<del></del>--中画线
<strong></strong>--加粗
<em></em>--斜体
<div></div>--独占一行的容器标签
<span></span>--容器标签
--一个空格文本
&less than;--小于号<
&great than;--大于号>
<br>--换行符
<hr>--水平线
<ol type="A" reversed="reversed">--有序列表-架-按照大写英文字母排列-逆向排列
reversed--逆向
<ol type="1" start="2">--有序列表-架-按照数字排列-从第二项开始
<ol type="I">--有序列表-架-按照大写罗马数字排列
<li>--有序列表-项
</li>
</ol>
</ol>
</ol>
<ul type="disc">--无序列表-架-实心圆开头 出生自带css特性(list-style)
<ul type="square">--无序列表-架-正方形开头
<ul type="circle">--无序列表-架-圆圈开头
<li>--无序列表-项
</li>
</ul>
</ul>
</ul>
<img src="....jpg" alt="这是..." title="!!">
1.网上的url
2.相对路径
3.绝对路径
src=source-资源
alt--图片占位符
title--图片提示符
<a href=""></a>
anchor 锚
hyperText reference--超文本引用
<!--1.超链接 -->
<a href="http;//www.baidu.com" >www.taobao.com</a>----第一个地址是给浏览器识别的,第二个地址是给用户看的
target="_blank"----跳转的第二个页面
<!--2.锚点 -->
<div id="demo1"style="width:100px;height:100px;background-color:red;"></div>
<a href="#demo1">find demo1</a>
<!--3.打电话-->
<a href="tel:111111" >打电话</a>
<a href=" mailto: ">给 发邮件</a>
<!--4.协议限定符-->
<form></form>--表单标签(可以发送数据)
<form method="get/post" action="">
method--发送数据的方式
action--后端的位置
</form>
<input type="text" name="username" >--输入框
<input type="password" name="password">--密码框
<input type="submit">--登录logo
<input type="radio" name="" value="" checked="checked">--单选框
checked--默认选项
value--值
onfocus--鼠标聚焦是发生什么
onblur--鼠标不聚焦时
<input type="checkbox" name="" >--副选框
<select name="">--下拉菜单
<option> </option>--菜单项
<option> </option>
<select>
target="_blank" --- 实现新建页面跳转
<!-- -->---注释
然后是对浏览器的一些普及,应该会跟将来的面试有关,适当了解一下。
主流浏览器
1.具有一定的市场份额
2.必须有独立研发的内核
shell 内核
IE------------------trident
Firefox------------Gecko
Google chrome-Webkit/blink
Safari-------------Webkit
Opera-------------presto