学习html第一章基础概念

网页由结构（HTML）表现（css）行为（js）组成

其中w3c制定了样式和结构的标准

建立站点：规划资源和代码

整合资源

code文件夹>html文件夹、css文件夹、js文件夹、index.html文件

---

HTML的简单标签

倾斜	<i></i> <em></em>
加粗	<b></b> <strong></strong>
下划线	<u></u>
删除	<s></s> <del></del>
段落	<p></p>
区域	<span></span>
水平线	</hr>
换行	</br>
上标 下标	<sub></sub><sup></sup>
标题	h1-h6
空格	&nbsp;	转义字符
左右尖角号	&lgt ;&rgt;	转义字符
图标版权 ©	;copy	转义字符

---

超链接a

<a href="网址" target="_blank/self " title=" " > 

target=“打开新窗口/默认” tittle鼠标悬停时出现的文本信息

---

图片img

<img src="路径" title="" alt="">

alt是图片加载不出来时显现文本

---

表格

<table>
     <caption></caption>
     <tr>行
        <td></td>列
     </tr>
</table>

此为一行一列的表格，表格自带边框

width="表格的宽度" height="表格高度" boder="表格的边框"

cellspacing=""单元格的距离 cellpadding=""单元格和内容之间的内容

align="left/center/right"表格水平对齐方式  垂直对齐valign="top/bottom/middle"

caption是表格标题  rowspan=""是表格合并行的行数 rowspan是合并列的列数

---

列表 

<ul>

      <li></li>

</ul>

无序列表  li前有默认标点原点

<ol type="" start="">

     <li></li>

</ol>

 有序列表 ol下不能随便 放其他东西

type表示列表的标点形式

Type=””

1 为数字1234  a为小写字母 A为大写字母

i为小写的罗马字母 I为大写的罗马字母。

start表示从哪里开始

自定义列表，不仅仅是一列列项目，还是项目和注释的组合 

<dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dt>Milk</dt>
    <dd>White cold drink</dd>
</dl>

---

表单

<form action="接口地址" method="get/post" name="">

       <input type="">

</form>

 1)文本框

<input="text" value="默认文字" placeholder="" maxlength=""/>

placeholder是占位符 maxlength控制最多输入的字符数

2）密码符

<input type="password" >

3)提交按钮

<input type="submit">

4)重置按钮

<input type="reset">

5)按钮

<input type="button" value="按钮内容">

6)单选框

<input type="radio" name=""> 

name值相同时，可以同时选取两个

    name值不同时，不可以同时选取

7）复选框

<input type="checkbox" >

8）获取焦点时，添加样式

：focus{}（属性）

9)下拉菜单

10）多行文本域

<textarea rows="显示的行数" cols="显示的列数"

---

表单新类型

颜色取样器<input type=”color”/>

---

邮箱<input type=”email/>会自动对里面文字验证，

---

网址，配合submit使用

<input type=”url”>会对网站格式验证，

---

可拉动的进度条<input type=”range” value=”” max=” ” step=” “ >

value当前值 max最大值 step步数

---

时间：<input type=”data> <input type=”week”> <input type=”month”> <input=”time”>

---

autofocus，打开窗口时，自动获得焦点

---

passhole="" 占位符

pattern 正则表达式

pattern="/d{3}"表示出入三位数字才能提交，/D{^3}提交三位字母才能提交