HTML常用基本标签

目录 

基础标签

图像属性

超链接标签


基础标签


1.基本结构标签

名称作用
<html> </html>HTML标签,又称根标签,是页面中最大的标签
<head> </head>文档的头部(其中必须设置title)
<title> </title>文档的标题
<body></body>文档的主体

2.常用标签:<p>段落标签,span标签,<br>换行标签,<hr>横线/水平线,<div>标签,<img>图片标签,<h>标题标签

3.表格标签:

表格标签:
         <table>
               <tr>
                   <td></td>
                   <td></td>
                   <td></td>
              </tr>
          </table>

表单标签: <form action="target.html"></form>

     text(文本框):<input type="text" name="username">
     
     password(密码框):<input type="password" name="password">
     
     radio(单选按钮):<input type="radio" name="hello" value="a">
                       <input type="radio" name="hello" value="b" checked>
                       
     checkbox(多选框):<input type="checkbox" name="test" value="1">
                       <input type="checkbox" name="test" value="2">
                       <input type="checkbox" name="test" value="3" checked>
                       
     下拉列表:<select name="haha" >
                  <option value="i">选项一</option>
                  <option value="ii">选项二</option>
                  <option selected value="iii">选项三</option>
              </select>
              
       列表框:<select name="haha" multiple>
                 <option value="i">皮球</option>
                 <option value="ii">篮球</option>
                 <option selected value="iii">乒乓球</option>
              </select>

4.常用快捷键:(ctrl+N)新建

                        (ctrl+S)保存并命名,html后缀

                        (ctrl+?)注释

                        (ctrl+Z)撤回

5.列表标签:有序列表、无序列表、定义标签

<ol>                    <ul>                    <dl>
    <li>结构</li>          <li>结构</li>            <dt>结构</dt>
    <li>表现</li>          <li>表现</li>            <dt>表现</dt>
    <li>行为</li>          <li>行为</li>            <dd>css来实现</dd>
 </ol>                  </ul>                   </dl

图像属性


1.图像标签的其他属性(属性与属性之间用空格分开)

src图片路径必须属性

alt

文本替换文本。图像上不能显示的文字
title文本提示文本。鼠标放到图像上,显示的文字
width像素设置图像的宽度
height像素设置图像的高度
border像素

设置图像的边框粗细

超链接标签


外部链接

<a href="http://www.baidu.com">百度</a>

内部链接

<a href="index.html">首页</a>

空链接

<a href="#">首页</a>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值