基础
- 开发工具:chrome ,sunlime ,photoshop
- 五大浏览器:IE ,火狐(firefox),谷歌(chrome),Safari,Opera
- 字符集:utf-8,gbk,
标签 :
文本格式化标签:
h1-h5,h1权重最大一般一个页面只用一次
br:换行
hr:添加一条下划线
img: 导入图片
<img src="../day01图/lidong.jpg" alt="加载错误" width="200" lang="300">
src:目录地址
…/表示跳出一个文件夹
alt:找不到图片时打印
width:宽
lang:长
a:设置标签
<a href="跳转目标" target="目标窗口的弹出方式">
锚点定位:
1.使用“a href=”#id名>“链接文本"创建链接文本(被点击的)
<a href="#two">
2.使用相应的id名标注跳转目标的位置。
<a href="day0102.html#第一">
<h3 id="第一">第2集</h3>
使用:在标题后面给id赋值名称,在hrefh后用#添加需要定位位置的名称
base标签:在和之间添加,用以设置多个标签窗口弹出方式
<base target="_blank">
taarget设置标签弹出方式,_black新建窗口,_self在当前窗口打开
特殊字符标签:
注释语句:
单行:ctrl + /
多行: ctrl +shift + /
相对路径
以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。
- 图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如img src=“logo.gif” /。
- 图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如img src=“img/img01/logo.gif” /。
- 图像文件位于HTML文件的上一级文件夹:在文件名之前加入“…/” ,如果是上两级,则需要使用 “…/ …/”,以此类推,如img src="…/logo.gif" /。
绝对路径:
绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的
“D:\web\img\logo.gif”,或完整的网络地址,
例如“http://www.itcast.cn/images/logo.gif”。
div:大盒子
span:小盒子
列表
- 无序列表 ul :
无序列表的各个列表项之间没有顺序级别之分,是并列的。
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
- 有序列表 ol:
有排列顺序的列表,其各个列表项按照一定的顺序排列定义
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>
- 自定义列表:
定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。
<dl>
<dt>名词1</dt>
<dd>名词1解释``1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
表格 table:
- 创建表格:
table</table(表格)、tr</tr(行,不需用列)、td</td(单元格),是创建表格的基本标签,先行后单元格
<table>
<tr>
<td>单元格内的文字</td>
...
</tr>
...
</table>
- 表格属性
- 设置表头:
表头标签th</th替代相应的单元格标签td</td即可 - 表格结构:
<thead/thead>:用于定义表格的头部。
必须位于<table/table> 标签中,一般包含网页的logo和导航等头部信息。
<tbody/tbody>:用于定义表格的主体。
位于<table/table>标签中,一般包含网页中除头部和底部之外的其他内容。 - 表格标题:
caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
display:inline ;行内块属性
display:block;块属性
display:inline-block ;行内块属性
line-height:行高
行高=盒子高度:单元格内内容垂直居中
text-aline:center 单元格内内容水平居中
<table>
<caption>我是表格标题</caption>
</table>
- 合并单元格:
在th或者td里面,跨行合并:rowspan 跨列合并:colspan
和并之后的内容要删除,删除个数=合并个数-1
表单标签:
-
表单控件:
包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 -
提示信息:
一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。 -
表单域:
他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。 -
input 控件:
在input中写上checked为勾选按钮,不写为不勾选。在上面的语法中,input /标签为单标签,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,input /标签还可以定义很多其他的属性,其常用属性如下表所示。
-
label标签:
作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。
for 属性规定 label 与哪个表单元素绑定。
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male">
- textarea控件(文本域):
<textarea cols="每行中的字符数" rows="显示的行数">
文本内容
</textarea>
- 下拉选择菜单:
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
注意:
1. select</select中至少应包含一对option></option。
2. 在option 中定义selected =" selected "时,当前项即为默认选中项。
selected ="2 "即第二项为默认选中项
- 表单域:
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
- 常用属性:
Action
在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。
method
用于设置表单数据的提交方式,其取值为get或post,post 安全,地址栏不会显示输入信息,大小不受限制。get,不安全
name
用于指定表单的名称,以区分同一个页面中的多个表单。
注意: 每个表单都应该有自己表单域