Html及css这两天的学习

经过这两天的学习,学到了一些基础的HTML及CSS的应用,接下来进行总结:

首先HTML包括一些标签,比如<h1></h1>标签是标题,有6个不同大小样式的标题,分别是h1~h6‘;<p></p>标签是表示段落;然后还有<u></u>这个是下划线;<strong></strong>这个是加粗;<em></em>这个是变斜,<img src="">这个是图片标签,<a href="" target=""></a>,这个是超链接标签,target是设定他的打开方式。<a name="top">顶部</a>  <a href="#top">回到顶部</a>,这个是锚点标签,先设置好一个锚点,然后用超链接链接好它再点击就能链接过去,记住要在链接的name前面加#。

还有<table></table>是表格,表格中还有几个常用的代码,就是 cellpadding设定表格的内边距,cellspaceing设定表格直接的距离,border是设置边框的大小,以及<caption></caption>这个一般是放在表格下下的第一行用来让文字居中,做表格的标题;

然后表格里分为<tr></tr>跟<td></td>,这个分别是行,以及每一行有几个单元格。colspan用来合并列,rowspan用来合并行。

<form></form>是表单,表单呢一般就是用来做登陆或者注册页面的,其中也有好多的标签,如

<input type="text"/>,这个是用户名

<input type="password"/>,这个是密码

<input type="radio"/>,这个是单选按钮,如果要设置一次只能点一个按钮那么便给这两个按钮设置同一个name

<input type="checkbox"/>,这个是复选框

<input type="submit" value=""/>,这个是提交按钮,value里面就是按钮上显示的文字

< input type="reset" value=""/>,这个是重置按钮,value里面就是按钮上显示的文字

<input type="hidden"/>,这个是隐藏项。

以及<div></div>标签,这个是盒子标签

<ul></ul>这个是无序列表,<ol></ol>这个是有序列表,

列表下<li></li> 表示一个单元格。

还有一个就是  <select></select> 这个是下拉框标签,

<select>

<option>1999</option>

<option selected="selected">2000</option>

</select>

<option></option>标签是写的下拉框中的内容

selected="selected"添加了这行代码的会被默认选中。

猜你喜欢

转载自www.cnblogs.com/yzxyzx/p/11220934.html