HTML常用标签的属性(学习笔记,慢慢更新中...)

      最近打算学习PHP,可以没钱去培训机构,所以只好在寝室看书自学,写写播客,算是学习笔记吧 可怜

1.body标签的常用属性

      bgcolor           背景颜色,貌似不能跟background一起使用
      background        背景图片
      text              文本的颜色
      link              超链接的颜色
      vlink             访问过的超链接的颜色
      alink             活动的超链接的颜色
      leftmargin        左边距,是显示的内容的边距,不是整个页面和浏览器的边距
      rightmargin       右边距,这四个边距的属性同上
      topmargin         上边距
      bottomargin       下边距

2.h1到h6标题标签的常用属性

   align             对齐方式,有left、right、center、justify

3.p段落标签的常用属性

   align             对齐方式,有left、right、center

4.hr水平线标签的常用属性

      width             水平线的宽度
      size              水平线的粗细
      color             水平线的颜色
      align             水平线的对齐方式

5.ol、ul有序无序列表标签常用的属性

      <ul type="circle">     //若果这里1就会成有序的
      <li>这是第1个</li>    //disc 实心圆
      <li>这是第2个</li>    //circle 空心圆
      <li type="square">这是第3个</li>
      <li>这是第4个</li>    //square 实心方块
      <li>这是第5个</li>
      <li>这是第6个</li>
      <li type="disc">这是第7个</li>
      <li>这是第8个</li>
   </ul>

   <ol type="A" start="4"> //如果这里用square就会成无序的
      <li>这是第1个</li>
      <li>这是第2个</li>
      <li type="square">这是第3个</li>
      <li>这是第4个</li>
      <li>这是第5个</li>
      <li>这是第6个</li>
      <li type="disc">这是第7个</li>
      <li>这是第8个</li>
   </ol>

6.a超链接标签常用的属性

      href              要去的地方
      target           打开方式 _blank _self _parent _top
      title            鼠标经过是提示的文字
      name         锚点 链接到锚点要添加#   <a name="名字"></a> <a href="#名字">到第某个地方去地方</a>

7.img图像标签的常用属性

      src               图像的路径
      witdh             宽度
      height            高度
      border            边框
      alt               图片找不到时提示的文字

8.table表格标签

     <table border="1" cellspacing="3" cellpadding="5" 
             bordercolor="red" width="50" height="60">
         <caption>标题</caption>
         <tr>    
            <th>Header</th>
            <th>Header</th>
            <th bgcolor="red">Header</th>
         </tr>
         <tr bgcolor="red">
            <th>Header</th> 表头单元格
            <td>Header</td>
            <td>Header</td>
         </tr>
      </table>
      colspan="3" 跨3列 td的属性
      rowspan="3" 跨3行 td的属性
      background   背景图片
      bgcolor      背景颜色
      cellspacing  单元格和单元格的距离
     cellpadding 单元格和内容的距离

9.form表单标签

      <form action="URL"      数据的接收者,也可以是电子邮箱>
            method="get"      数据的传递方式,还有一种是"post"
            target="_blank"   打开新的窗口
            enctype="multipart/form-data"    
            文件上传必须用这个,还有一种是"application/x-www-form-urlencoded">
            
            <input type="text"         文本框         name        表单的名字,自己随便取
                         passworld     密码框         value       输入域的值
                         radio         单选框         size        输入域的长度
                         checkbox      复选框         maxlength   输入域的最多能输入字符的个数
                         file          上传文件       checked     代表已经被选择
                         submit        提交按钮       readonly    可以选择,但是无法修改
                         reset         重置按钮       disabled    输入域无法选择,也无法获得焦点
                         button        普通按钮       tabindex    快捷键的顺序
                         image         图像域         accesskey   快捷键的方式
                         hidden        隐藏域         src="路径"  用图片表示按钮时,代表图片的路径
                                                      alt         图片不能正常显示时的提示文字
            ></input>
            <textarea name="名字" rows="行数" cols="列数" 
                      wrap="Physical这个是输入域大于文本域的时候处理的方式,还有其他的值"
                      还可以用input的一些属性
            ></textarea>
            <select name="名字" size="选择域的高度" multiple可以选择多个>
               <option  value="选择域的值">菜单一</option>
               <option  selected已经被选择>菜单二</option>
               <option  label说明选择项>菜单三</option>
            </select>
      </form>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值