一、web前端开发概述
***1.***web是internet上最受欢迎的一种多媒体信息服务系统，整个系统包括web服务器、浏览器、通信协议。
2. UI（user interface 用户界面）
3. URL（uniform resource locator 统一资源定位符）
基本URL包括模式（协议）、服务器名称（IP地址）、路径和文件名。
协议://用户名：密码@子域名.域名.顶级域名：端口号/目录/文件名.文件后缀？参数=值#标志
***4.***www是环球信息网的缩写www w3全称world wide web中文名 “万维网”，是一个有许多相互链接的超文本组成的系统，通过互联网访问。每一个有用的事物成为一个“资源”，并有一个全局URL标识；这些资源通过超文本传输协议（hypertext transform protocol）传送给用户，后者通过单机链接来获取资源。
5. web标准
网页部分标准通过三部分来描述：结构（structure）、表现（presentation）和行为（behavior）。
HTML用来决定网页的结构和内容（内容）
CSS用来设计网页的表现形式（样式）
JavaScript用来控制网页的行为（特殊行为）
6. HTML是超文本标签语言（hypertext markup language）是网络的骨骼，是为“网页创建和其他可在网页浏览器上可以看到的信息”所设计的一种置标语言。
CSS（cascading style sheets，层叠样式表）是一种用来表现HTML或XML（标准通用标签语言的一个子集）等文件样式的计算机语言。CSS可以创建在HTML页面之外，如需设计新网站，而内容结构保持不变，就可在HTML不发生变动的前提下，为网页提供一个全新的外观。
JavaScript是世界上最流行的脚本语言之一。大多数情况下，用于增强访问者的体验。
二、HTML5基础
Title
极客学院 hello
标题1
标题2
标题3
标题4
标题5
标题6
该标签定义段落 重新开始一行，并与上一段之间有一个空行
hello
百度
this
is
my
web
hello world br与p标签的区别，特别是行间距
hello world
使用图片来做链接
内联样式表
基础
| 标签 |
描述 |
|
定义文档类型。 |
|
定义 HTML 文档。 |
</code></td>
<td>定义文档的标题。</td>
</tr>
<tr>
<td><code><body></code></td>
<td>定义文档的主体。</td>
</tr>
<tr>
<td><code><h1> to <h6></code></td>
<td>定义 HTML 标题。</td>
</tr>
<tr>
<td><code><p></code></td>
<td>定义段落。</td>
</tr>
<tr>
<td><code><br></code></td>
<td>定义简单的折行。</td>
</tr>
<tr>
<td><code><hr></code></td>
<td>定义水平线。</td>
</tr>
<tr>
<td><code><!--...--></code></td>
<td>定义注释。</td>
</tr>
</tbody>
</table>
<h3>表单</h3>
<table>
<thead>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><form></code></td>
<td>定义供用户输入的 HTML 表单。</td>
</tr>
<tr>
<td><code><input></code></td>
<td>定义输入控件。</td>
</tr>
<tr>
<td><code><textarea></code></td>
<td>定义多行的文本输入控件。</td>
</tr>
<tr>
<td><code><button></code></td>
<td>定义按钮。</td>
</tr>
<tr>
<td><code><select></code></td>
<td>定义选择列表（下拉列表）。</td>
</tr>
<tr>
<td><code><optgroup></code></td>
<td>定义选择列表中相关选项的组合。</td>
</tr>
<tr>
<td><code><option></code></td>
<td>定义选择列表中的选项。</td>
</tr>
<tr>
<td><code><label></code></td>
<td>定义 input 元素的标注。</td>
</tr>
<tr>
<td><code><fieldset></code></td>
<td>定义围绕表单中元素的边框。</td>
</tr>
<tr>
<td><code><legend></code></td>
<td>定义 fieldset 元素的标题。</td>
</tr>
<tr>
<td><code><isindex></code></td>
<td>不赞成使用。定义与文档相关的可搜索索引。</td>
</tr>
<tr>
<td><code><datalist></code></td>
<td>定义下拉列表。</td>
</tr>
<tr>
<td><code><keygen></code></td>
<td>定义生成密钥。</td>
</tr>
<tr>
<td><code><output></code></td>
<td>定义输出的一些类型。</td>
</tr>
</tbody>
</table>
<p><strong>HTML元素</strong></p>
<p>1、元素是指从开始标签到结束标签的所有代码，标签可以拥有属性为元素提供更多的信息。</p>
<p>2、属性以键/值对的形式出现</p>
<p>3、通用属性: class 规定元素的类名、ID 规定元素的唯一id、style 规定元素的样式、title 规定元素的额外信息。</p>
<h2>标签</h2>
<p><strong>文本控制标签</strong></p>
<p>标题标签——</p>
<p>段落标签——</p>
<p></p>
<p><strong>文本格式化标签</strong></p>
<pre><code> 换行标签——<br>
水平线标签——<hr>
字形标签——<b></b> <u></u> <i></i>
</code></pre>
<p><code><div></div></code> 可以用来排版大块的HTML段落，最重要的功能是 结合CSS设计页面布局，可以换行，可以包含<code><div><p></code>标签。</p>
<p><code><span></code> 可以用来组合文档中的行元素，不换行，不能包含<code><div><p></code>标签。</p>
<p><strong>图片标签</strong></p>
<p><code><img src="图片路径"></code></p>
<p>图片路径——<br> 1、绝对路径：文件硬盘上真的存在的路径，上传到web服务器上可能找不到。</p>
<p>2、相对路径：相对于本文档的目标文件位置。</p>
<p><strong>超链接标签</strong></p>
<p><code><a href=URL>网页元素<a></code></p>
<p>属性：href 规定链接指向目标的URL</p>
<p>target 规定在何处打开链接文档 <br> _top：在整个窗口中打开<br> _blank：在新的浏览器窗口中打开<br> _self：默认值 在当前页面中打开 <br> _parent：在父框架中打开被链文档<br> framename：在指定名称的框架中打开<br> rel 规定当前文档与被连接文档的关系<br> 链接到同一页面的不同位置（如章节数过多）</p>
<pre><code><p><a href="#c5">查看第五章</a></p>
<h2><a name="c5">第五章</a></h2>
</code></pre>
<h3><strong>表格</strong></h3>
<pre><code><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格
表格
表格
| 单元 |
单元 |
单元 |
| 单元格1 |
|
单元格3 |
| 单元格1 |
单元格2 |
单元格3 |
| 单元格1 |
单元格2 |
单元格3 |
| 单元格4 |
单元格5 |
单元格6 |
|
