HTML的基础介绍

前端基本介绍：

前端：一切可视化的事物叫前端。

前端：包括了网页端和移动端。

网页端：HTML4.0/CSS2.0/JS/JQuery2.x/HTML5.0/CSS3.0/Bootstrap2.0/3.0/node.js/Auglar.js....

移动端:

-OC/android/swift原生开发技术

iOS10万

android8万

20万

-HTML5混合式开发技术

HTML510万

<>HTML全部的标签，都是以<>为表示形式。

标签：一个标签有一种含义。

<XHTML>所谓的XHTML就是HTML+XML的结合体。

所以XHTML其实就是规范化的HTML语言。

HTML的标签：

1、<h1>浏览器标题。标题具有换行的特点。从h1到h6逐次递减。align属性可以标题的位置。如：<h1align="center"></h1>

2、<p>段落标记。具有上下换行的特点。

3、<br/>单纯的换行标记。相当于java里面的\n

4、<hr>分割线。注意：如果没有标签之间没有任何内容，可以只写一个头部。但是要这么写<hr/>

5、<a>超链接标签。需要添加属性，大部分HTML标签里都需要添加属性以达到标签具体实现的效果。如:<ahref=""></a>href属性表示你要去往哪里。注意：href的值，只能有2种：一种是网址。一种是本地文件(在引用文件的时候注意路径，也就是我们经常提到的绝对路径和相对路径),target属性，一般表示以何种形式打开。_blank表示新窗口打开。

6、<!--这里填写注释-->表示的就是注释。

7、<img>图片标签。可以引入一张图片。src属性表示图片的路径。由于<img></img>标签之间不需要任何东西，因此可以简写<imgsrc=""/>。width表示宽度。heigth表示高度。如：

<imgsrc=""width=""height=""/>

8、<font>文字标签，属性color可以设置文字颜色。size设置文字大小

9、<table>表格标签。<thead>一般用来表示表格头部，<th>一般用来表示头部的标题<tbody>一般用来表示表格的内容。<tr>一般用来表示一行，<td>一般用来表示一行中的某一个单元格。

10、<ul><li></li></ul>无序列表标签。<ol><li></li></ol>有序列表标签，会在<li>之前加入序号。

11、<form></form>表单标签。表单里面有很多的元素。比如：输入框，复选框，单选框,普通按钮，提交按钮，重置按钮，下拉菜单，多行文本框，上传文件框。

-<formaction="">表单提交的地址<formmethod="post/get">

-<inputtype="text">文本框

-<inputtype="password">密码框

-<inputtype="radio">单选框(多个单选框用name属性约束)

-<inputtype="checkbox">复选框

-<inputtype="button">普通按钮

-<inputtype="submit">提交按钮

-<inputtype="reset">重置按钮

-<inputtype="file">上传文件

-<selectname="">下拉菜单

<optionvalue="">下拉选项

-<textareacols="列"rows="行"></textarea>

注意：如果需要给后台传值的时候，需要加入name属性，如<inputname="userName"type="text"/>

12、<marquee>跑马灯标签。behavior="slide/scroll"滚动行为direction="left/right/up/down"方向loop循环几次

13、<B></B>加粗<i></i>斜体

14、<iframe>内联框架，说白了就是可以通过该标签引用一个页面，支持透明。

15、<frameset>内联框架，该种更加灵活。

16、<div>块元素其中的一种。也是经常用到的一种。一般基本所有的“赞美”都会给到这个元素。

17、<span>內联标签其中的一种。也是经常用到的一种。一般基本“所有动词和形容词”都会给到这个元素