html常用标签

本文详细介绍了HTML中的基础标签,包括标题、段落、列表、表格、链接、图片及表单等,帮助读者快速掌握网页设计的基本技能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

标题,换行和段落标签

1. 标题(双标签)

     <hn>内容</hn>

n可取1~6,n越小,标题字号越大。

2. 换行(单标签)

               <br>

注意:html源代码中,文字之间换行和多于一个的空格将会被一个空格代替。
3. 段落标签(双标签)

            <p>内容</p>

属性:

  • align 内容的对齐方式(left , center , right)

4. 水平线段标签

                  <hr></hr>

属性:

名字意义
size宽度,单位像素
width长度,默认为页面长度,单位像素,可使用百分制。
align对齐方式(left, center, right)
noshade 无阴影
color 线段内部的颜色

文字设计标签

        <font>字体<font>

属性:

名字意义
size设置字体的大小,”size=X(x取1~7)
face设置字体的类型,默认为宋体
color 字体颜色

常见设计文字风格的标签:

   <b></b>        粗体
   <u></u>       下画线
   <i></i>        斜体
   <sup></sup>    上标
   <sub></sup>    下标
   <blink></blink>  闪烁

列表标签

       <ul>内容</ul>   无序 unorder;ist
       <ol>内容</ol>   有序 orderlist
       <li>列表项</li>   listitem

表格标签

<table></table>        定义表格,表格所有内容都写在这个标签之内
<caption></caption>    定义标题,标题会自动出现在整张表格的上方
<tr></tr>              定义表行
<th></th>              定义表头
<td></td>              定义表元(表格的具体数据),包含在<tr></tr>之间

公共属性:

名字意义
align水平布局方式(left, right, center),默认布局方式为左对齐,表示该行和该表元内的内容的布局方式
bgcolor设置背景颜色
border 设置边框的宽度,属性值为整数,为0时表格没有边框,默认值为0
width 宽度,默认单位为像素,也可以用百分制单位
height高度,默认单位为像素,也可以用百分制单位
bordercolor表格边框的颜色,默认为黑色
cellpadding表元边框的宽度
cellspacing表元的边框和表格边框之间的宽度


注意:在设置行高时最好在tr中设置,行高取最高。背景颜色,对齐方式等属性总是跟它离的最近的设置相同。

合并单元格
        <td>内容</td>里面设置rowspan = 2(合并两行) colspan = 2(合并两列)
        意思:从该表元起,该表元在行或者列上占有的单元格数。

链接和图片标签

  1. 链接标签:使用户链接到另一个页面。

                 <a href = "资源地址">内容</a>
                 内容:链接所显示的内容,可以是文字,空格占位符,图片等。
                 属性 : href的值指向的资源地址。
    
    1. 图片标签 : 将一幅图片显示在网页的某个位置,可以设置它的大小,边框等属性。

      <img src="图片文件路径">
      

      属性:

      名字意义
      src图片的存储的位置
      width, height, border, align同上面的属性一样
      alt 当图片未载入或者载入失败时提供的替代性的文字说明

      注意:align还可以用”top, middle, bottom”代表文字在图像的右上方,右中方,右下方。

表单标签

表单:在网页上,可以让用户在一些控件中输入一些内容,如文本框,密码框,输入之后提交,这些控件所在的区域叫表单,表单中的控件叫作表单元素。

   <form action = "提交地址">
         表单内容(包括按钮,输入框,选择框等) 
       例如:
       <input type = "表单元素">
   </form>

type值:

名字意义
text文本框,text的默认属性
password密码框
radio 单选按钮,name属性设置相同,checked属性可这是默认被选
checkbox复选框,checked属性可设置默认被选
reset重置按钮,按下之后,所有表单元素内容变为默认值
botton普通按钮
submit提交按钮,按下之后,网页会将表单的内容提交给action设定的网页,action的值为空时提交给本页
image图片,单击图片的效果和提交按钮一样,都会提交表单

其他类型的表单元素:

 <textarea></textarea>    多行文本框,rows属性表示其行数,cols表示其列数。
 <select></select>        表示下拉菜单,其中选项<option>选项内容</option>表示,multiple属性设置为可多选,size属性的值为下拉菜单的显示的项目数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值