1. 常用标签的使用记录
-
标签必须要正确的关闭和闭合,例如:<div> </div>;<hr/>
-
<br>进行换行;
-
 是表示空格(在html页面上显示的时候);
-
<h1>到<h6>是标题标签,可以表示标题字体的大小(h1最大,h6最小);
-
超链接<a href=“跳转的网址”>链接跳转时的名字;在超链接中有几种常见的target值(_self 当前页面,_blank 打开新的页面,_parent 当前页面打开,_top 当前页面打开);
-
<ul></ul>无序的列表,<ol></ol>有序列表;
-
<img src=“图片路径”></img>;可以设置边框border;alt属性是指定当像找不到时,可以显示alt的内容;
-
<table>
<tr>
<th></th>表示表头;
<td> </td>单元格;
</tr>表示行;
</table>表格;border属性是边框;
colspan属性可以跨列,一般写在<td>标签里面,rowspan属性跨行;
-
iframe标签,可以在页面上开辟一个小区域,单独显示一个页面;
iframe 和 a标签同时使用,可以这样来(用name为iframe标明名字,然后就可以在a标签中的target中使用,在我看来target属性就是用来指定页面打开的位置的,也不知道理解对不对):
<iframe name="dxs" height="500" width="500" src="NewTest.html"></iframe><br/>
<a href="iframeTest.html" target="dxs">这是用来测试</a>
点击超链接前:
超链接点击后:
- form标签创建表单;action属性表示服务器的位置,method属性表示方法;表单里面的项也要用name属性;而且最好设置好默认值(value);
- input是一中可以有很多种类的输入形式,比如:输入框,密码框,复选框等,如果发送的某些消息不需要用户参与,也可以使用type="hidden"将信息隐藏起来,直接发到数据库。
- select标签是下拉列表框,通过selected="selected"设置默认选项。在其中还要使用到option标签;
- textarea标签是多行文本输入框;rows属性表示显示几行的高度;多行文本框中,默认值是标签中间的内容<textarea> 这里面是默认内容</textarea>
- div标签:用于分块,span:同样可用于分块,p标签:段落标签;
2. CSS样式
- 包含的角色:选择器,属性和值;
- 通过Style属性设置css格式;在head标签中定义一个Style用来定义需要的css;如下:
<style>
p{/*这里是指定了段落标签*/
border: 1px solid red;
color:red;
}
</style>
- 想要引入外部的css文件,可以使用link标签;
<link rel="stylesheet" type="text/css" href="css的路径"/>
- 在Style标签的选择器里面:.和class属性配合使用,#和id配合使用;
- div居中:margin-left:auto;margin-right:auto;文字居中:text-align:center;