html标签学习之笔记(一)

学习html几天,现在做一个小小的总结吧,html没什么难度,最主要的就是标签的记忆,对于我这样的新手来说,不使用工具是最好的,就使用记事本进行编码有利于对标签的记忆,下面一点一点的回忆一下我学习的知识:

html的常用标签如下:(属性值最好都加双引号)

  • 标题:<h1>-<h6>,从1到6数字越大字体越小,但是这个只是标题,不能用来进行字体大小的调节,标题可以用align属性调节位置,有"center””left“"right"三个属性值,一般也可以使用css进行样式调节,例如:<h1 style="text-align:center">标题内容</p>,css还没开始学,这里只是简单的记住了这个应用。
  • 段落:<p>,对于段落中的文字的样式设置,可以使用<font>标签,<font>标签中的属性:face调整字体的样式,size调整字体的大小,color调整字体的颜色,但是<font>标签的应用已经不太多了,尽量避免使用吧。最好是跟<h1>-<h6>标签一样使用css进行样式的设置,例如:<p style="font-family:verdana;font-size:20px;color=red">文本内容</p>。
  • 连接:<a>,在这个标签中使用href属性指定连接的地址,例如:<a href=http://www.baidu.com>百度</a>。连接有一个属性是target,可以设置在什么位置打开新的连接,默认值为“_self”也就是在本窗体中打开,尝试用的还有“_blank”也就是在新的窗体中打开链接。
  • 图像:<img>,图像的属性有src-指定图像的来源,height-指定图像的高度,width-指定图像的宽度,如果同时使用多个属性时,属性之间使用空格隔开即可。
  • 换行:<br>,是一个自结束标签,<br><br/>均可。
  • 水平线:<hr>,同<br>
  • 预格式:<pre>,适合用于显示计算机代码,它能使其内部的内容按照原始的文本格式进行显示。
  • 注释:<!-- -->,其中的内容不显示到页面中。
  • 上标标记<sup>,下标标记<sub>
  • 列表:无序列表<ul>,有序列表<ol>内部标签均使用<li>,在无序列表中type属性的值有:circle(空心圆),disc(实心圆,默认),square(实心方块)。在有序列表中type属性可以是:A(ABCD),a(abcd),I(罗马字母),i(小写罗马字母)。
  • 表格:<table>,可以使用表格进行页面的整体布局,但是有时使用css来布局会更简单,到底使用哪个还得依靠实际来判断。下面简单说说表格的使用:在<table>标签中的属性有 align-对齐方式;border-表格边框的宽度;width;height;bgcolor-背景颜色;bordercolor-边框颜色;cellspacing-单元格与单元格之间的距离;cellpadding-内容与单元格之间的距离。定义表的题目使用<caption>标签,表头<th>,行<tr>,列<td>,以上是那个标签中的属性有 跨n列的单元格使用属性colspan,跨n行的单元格使用rowspan,缩略abbr,对齐方式align(left,center,right),Valign(top,middle,bottom)。在表格中数据比较多的时候加载可能会耗费一些时间,为了是表格的整体框架先显示出来,可以使用<colgroup>标签,这个标签中的span属性是定义跨列多少列的。
  • 表单:<form>,属性action固定提交到的位置,method用来设置提交的方式(get-将表单中的内容附加到url地址后面,post-表单内容不会显示到url中),target属性同连接的target属性,title属性跟alt类似。表单输入的时候使用<input>标签,属性type的值有如下几种:文本text(设置文本的最大长度maxlength,设置文本框的大小,设置只读readonly),密码框password,传输文件file(会出现一个文本框和按钮,点击按钮选择文件,会在文本框中显示文件的url),单选radio(使用name确定组,使用checked显示默认值),复选框checkbox(一样使用checked显示默认值),图片<img>,隐藏<hidden>(不在浏览器中显示,但是同样会提交给后台),submit和reset(按键,提交和重置),文本区域textarea(可以进行多行输入,使用cols和rows控制文本区域的大小),下拉列表<select>,使用方法如下面例子: <select name="weather"> 
                    <option selected>sunny</option>
                    <option>rainy</option>
                    <option>snowy</option>
           </select>      还可以在其中设置multiple和size属性使下拉列表可以同时显示多项。如果想给表单外围加一个边框使用<fieldset>就可以,在<fieldset>内部使用<legend>设置名称。

还有一些其他的知识,例如窗口分帧,给图片加不痛的连接等在下一章中做总结!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值