网页由结构(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 | |
空格 | | 转义字符 |
左右尖角号 | &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}提交三位字母才能提交