整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
# 前端复习 html（一）
HTML基础
HTML: 制作网页
纯文本协议: 只保存内容不保存样式
**HTML概述:**
1 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
2<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
3在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
4HTML5 不基于 SGML，所以不需要引用 DTD。
**常用的 DOCTYPE 声明**
HTML5 : !DOCTYPE html
HTML 4.01 Strict : !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
XHTML 1.0 Strict : !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
> 现在开发直接使用HTML5文档声明即可
**HTML标签**
1:声明是一个html文档，所有的标签都写在它内部
2:此元素可告知浏览器其自身是一个 HTML 文档。
3:<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
Meta标签
meta标签概述
META标签是HTML标记HEAD区的一个关键标签
它位于HTML文档的<head>和<title>之间
它提供的信息虽然用户不可见，但却是文档的最基本的元信息。
<meta>除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定
<meta charset="UTF-8">
字符
是各种文字和符号的总称，包括各国家文字、标点符号、图形符号、数字等
字符集
字符集(Character set)是多个字符的集合，字符集种类较多，每个字符集包含的字符个数不同
常用字符集
ASCII字符集
是基于罗马字母表的一套电脑编码系统。
它主要用于显示现代英语和其他西欧语言。
图示
GB2312字符集
GB2312是中国国家标准的简体中文字符集。它所收录的汉字已经覆盖99.75%的使用频率，
基本满足了汉字的计算机处理需要。在中国大陆和新加坡获广泛使用。
GB18030字符集
GB 18030的全称是GB18030-2000《信息交换用汉字编码字符集基本集的扩充》，
是我国政府于2000年3月17日发布的新的汉字编码国家标准，2001年8月31日后在中国市场上
发布的软件必须符合本标准。
Unicode
支持现今世界各种不同语言的书面文本的交换、处理及显示。
UTF-8 编码
UTF-8是Unicode的其中一个使用方式。
支持现今世界各种不同语言的书面文本的交换、处理及显示。
开发中我们使用的都是UTF-8编码
为什么要设置字符编码
告诉浏览器到哪一个字符集库当中找对应的字符进行显示
比如现在网页当中写的是中文.如果你指定的ASCII字符集
浏览器就会到ASCII字符集库当中找对应的汉字进行显示.
但是ASCII字符集库中只有英语和其他西欧语言。
没有汉字,就会在网页当中显示乱码!
开发中我们都是使用UTF-8的字符集库,因为它里面几乎包含了全世界所有国家的字符,
所以到它当中肯定能找到对应的内容进行正确的显示!
基础标签
<title>定义文档的标题。
浏览器标签显示的标签
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
```
<h1> 到 <h6>定义标题
<body>
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<h4>我是h4</h4>
<h5>我是h5</h5>
<h6>我是h6</h6>
<h7>我是h7</h7>
</body>
```
<p>定义段落。
<hr>定义水平线。
```html
<hr>我是水平线
```
<br>定义简单的换行。
```html
<br>我是换行
```
<!--...-->定义注释。
```html
<!-- 我是注釋 -->
```
基本样式
可以的标签当中添加一些基本的样式
这些样式可以修改字体的大小,颜色,让文字更加丰富起来
我使用的是Hbuilder编辑器，在hbuilder中创建一个HTML文件。
在hbuilder中运行HTML文件
效果
<!DOCTYPE html>
<html>
<head>
<!--网页的头部 -->
</head>
<body>
<!--网页内容 -->
</body>
</html>
<!-- --> 用于注释代码基础标签
文本格式化
<i>武汉，加油！</i>
<em>湖北,加油！</em>
<strong>武汉，加油！</strong>
<q>HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能，清爽的界面，强大的功能和于一身。</q>
<blockquote>
HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能，清爽的界面，强大的功能和于一身。
</blockquote>
<code>var a=1 </code>实验效果
标题段落
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用标题和段落</title>
</head>
<body>
<!-- 标题-->
<h1>武汉加油！</h1>
<h2>武汉加油！</h2>
<h3>武汉加油！</h3>
<h4>武汉加油！</h4>
<h5>武汉加油！</h5>
<h6>武汉加油！</h6>
<!--段落标签-->
<p>武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！</p>
<hr > <!--水平分割线-->
<p>武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！武汉加油！</p>
<!-- 换行符-->
武汉加油！武汉加油！武汉加油！武汉加油！
<br>武汉加油！武汉加油！武汉加油！
</body>
</html>块元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>03</title>
</head>
<body>
<i style="background-color: blue;">武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ </i>
<div style="background-color: aqua;">
武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！
</div>
<div style="background-color: aqua;">
武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！
</div>
<span style="background-color: blue;">
武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！
</span>
<span style="background-color: blue;">
武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！ 武汉加油！
</span>
</body>
</html>最终效果
图片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用图片</title>
</head>
<body>
hello
<img src="images/02.png" alt="风景图" title="测试图片" >
</body>
</html>链接
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">百度一下</a>
<a href="http://www.baidu.com" target="_parent">百度一下</a>
<a href="http://www.baidu.com" target="_search">百度一下</a>
<a href="http://www.baidu.com" target="_top">百度一下</a>
</body>
</html>
列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>列表</title>
</head>
<body>
<!--有序列表-->
<ol type="1">
<li>北京</li>
<li>上海</li>
</ol>
<ol type="A">
<li>北京</li>
<li>上海</li>
</ol>
<ol type="a">
<li>北京</li>
<li>上海</li>
</ol>
<!-- 无序列表-->
<ul type="disc">
<li>北京</li>
<li>上海</li>
</ul>
<ul type="circle">
<li>北京</li>
<li>上海</li>
</ul>
<ul type="square">
<li>北京</li>
<li>上海</li>
</ul>
</body>
</html>表格
近也面试了几家公司，我也来说说里面的一些经历和感悟。
面试时求职者和HR如何当好各自的角色
创业公司最大的特点大家都知道，资金较为短缺，目标较为远大，员工需要保持高度热情，我以前也在创业公司呆过，自己也创过业，所以对这类公司还是很有体会的。曾经在一家创业公司里面就有类似每天早上按时打鸡血，老总隔三差五画大饼的事情。我其实挺尊重创业者的，因为任何牛逼的公司也都有过创业时期，但是说实话我对画饼真的还是挺反感的(吃太多所以反胃也正常)。前两天听锤子手机老总罗永浩早期的演讲才知道这个叫“毛氏管理法”。利用的思想就像老毛招兵一样，虽然我们很穷，但是我们有远大的理想，等仗打胜了，大家都是国家的主人，到时候就要什么有什么了(至于有什么，现在还不知道，因为还没有胜利，胜利了就知道了，总之少不了你的)。(至于能不能像老毛一样取得革命胜利，这个就不好说了。)
这样说也许有人会觉得不妥，因为没有最牛的技术，只有最牛的使用者。但是又有“公欲善其事，必先得其器“，任者见任，智者见智吧，可是说实话博主实在是不能忍受如今还用ASP这种低效率，后端和HTML都揉在一起写的动态网页技术。所以当时我就对面试官司说，这就好比你让我用箭还是用枪去打猎的时候我肯定优先选择用枪(尽管我从来没用过，但是我知道枪的准确性高，射程远)。
话说到一家公司任职，有一个开明的领导是很重要的，保守的领导会也会有个保守的思想，这跟软件行业的不断更新是相违背的，因此你可以想像上面那种还在用asp开发程序是多么痛苦，当然如果能有5W的月薪，这种痛苦还是可以试着克服一下，毕竟我们也不是那么矫情的人。但是往往这种在技术上保守而在金钱上放得开的领导少之又少，所以还是选个综合都比较开明的领导来得实际。
面试了几家公司，有些有笔试，有些有机试，有些都没有，有些都有。对于有笔试的，我一般视情况而定有两种做法，第一种，如果笔试普通比较简单，但是题量大，需要很多时间(40分钟以上)，一般这种我会直接告诉接待说我不愿意做，因为太简单(没错，这种姿态是比较高，目的也是这样，就是让面试官觉得你略显嚣张，从而跳过这一步，以一个高的起点进入面试环节。不过得慎用)。第二种，题量小同时又比较有意义的(这种很主观，需要自己判断)，还是可以做一下。
至于机试，我认为完全没有必要。特别是写SQL，原因是我认为简单的SQL没必要写，有深度的SQL，一时半会也很难将其写漂亮，尤其是你作为一个面试者的时候。同样的道理，你也很难在面试那么短的时间类做一个比较显示你水平的DEMO。
我想不到，面试技术职位也能碰上这个问题，我认为这么感性的问题就不要问技术宅了，况且我相信大多数人压根就没有想过这么深奥的问题。除非你想得到诸如”我太过追求完美“、“我太过执着”这样逼格十足的答案。当然我的答案是这样的：
我怎么会知道，我知道我就改了，我要是知道又不改，我不是相当于告诉你我顽固不化么。
总结：
不管是面试官还是面试者其实要想当好各自的角色都很有学问，就像“ 面试官 + 求职者=猫 + 老鼠? 这篇文章及评论一样，可谓“公说公有理，婆说婆有理”，愿我们能找到其中的平衡，最终实现“程序猿不再为难程序猿”。
*请认真填写需求信息，我们会在24小时内与您取得联系。
