HTML常用标签

最新推荐文章于 2022-07-26 17:07:39 发布

倾听彼岸

最新推荐文章于 2022-07-26 17:07:39 发布

阅读量122

点赞数

分类专栏： web 前端

本文链接：https://blog.csdn.net/qq_46031627/article/details/104101239

版权

web 前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

p标签
段落标签
h1-h6标签
标题标签，成段展示
strong标签
加粗
em标签
斜体
del标签
中划线标签
address
地址标签（斜体）
div标签
span标签
<ul><li>无序列表标签
<ul><li>为父子结构
一个大的功能有很多功能子项来组成，每一个功能子项的功能和样式基本相同，只不过内容有一些小小的差异，这么多的功能子项组成的一个大功能，这样的一个功能用<ul><li>来表示，因为更符合他的父子结构。
图片

<img scr="图片地址" alt="图片无法显示时显示解释" title="鼠标放在图片上时的提示">

a标签anchor–锚
例子：

<div id=demo1"">demo1</div>
<a href="#demo1"></a>

用来迅速跳转
超链接<a href="引用的地址" target="_black（在新的网页中打开）">用户看见的</a>
作用：1超链接2锚点3打电话(tel:18539539580)发邮件(mailto:邮箱地址)4协议限定符

<a href="javascript:while(1){alert('让你手欠')}">你点我试试！come on！来呀！</a>

form标签
表单标签
登录及单选

<!DOCTYPE html>
<html lang="en"><head>    
<meta charset="UTF-8">    
<meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    
<title>登陆</title>
</head>
<body>    
  <form method="GET" action="">        
   <p>     
          username:<input type="text" name="username" value="请输入用户名">          
   </p>        
   <p>            
          password:<input type="password" name="password">        
   </p>
   <!-- 你们所喜欢的男明星        
   1贝克汉姆<input type="radio" name="star" value="小贝">        
   2詹姆斯<input type="radio" name="star"value="老汉">        
   3坤坤<input type="radio" name="star" value="坤坤"> -->

   <input type="submit">
  </form>
</body>
</html>

搜索页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>搜素</title>
</head>
<body> 
    <form method="get" action="">
        <p>
            username:<input type="text" name="username" style="color: #999;" value="请输入用户名" οnfοcus="if(this.value=='请输入用户名'){this.value='';this.style.color='#424242'}" οnblur="if(this,vule==''){this.value='请输入用户名';this.style.color='#999'}">
        </p>
        <p>
            password:<input type="password" name="password">
        </p>
    </form>
</body>
</html>

选择，单选，多选样例

<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>选择</title>
    </head>
    <body>
    <form method="get" action="">
        <!-- <h1>
            CHOOSE YOUR SEX！！！
        </h1>
        male<input type="radio" name="sex" value="male" checked="checked">
        female<input type="radio" name="sex" value="female"> -->
        <h1>Province</h1>
        <select name="Province">
            <option>beijing</option>
            <option>shanghai</option>
            <option>tianjin</option>
        </select>
        <input type="submit">
    </form>
</body>
</html>