Html常用标签

最新推荐文章于 2022-05-16 18:05:08 发布

晚生隆海

最新推荐文章于 2022-05-16 18:05:08 发布

阅读量97

点赞数

分类专栏： web前端 # Html 文章标签： html html5

本文链接：https://blog.csdn.net/thlchina/article/details/115321568

版权

web前端同时被 2 个专栏收录

38 篇文章 0 订阅

订阅专栏

Html

2 篇文章 0 订阅

订阅专栏

HTML5常用标签

HTML5常用标签

HTML5常用标签

一、双标签

1.div标签

2.a标签

属性

href 路径
name 锚点名称
target：_self(黑方) _blank 新窗口

嵌套使用

<a href="http://www.baidu.com" target="_blank"><img src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="百度一下" width="100" title="百度一下，你就知道"><br>百度一下</a><br>

文件下载

<a href="a.zip">点击下载</a>

发送邮件

<a href="mailto:122286911@qq.com">点击发送邮件</a>

 <a href="#">返回顶部</a>

阻止跳转

<a href="javascript:;">点我试试</a>

锚点

<body>
    <a href="#gesila"><img
            src="https://p0.meituan.net/moviemachine/58732574fbc2f64c04c3e825c058da7f16742753.jpg@464w_644h_1e_1c"
            alt="" width="200">
        </a><br>
    <a href="#huanying"><img src="https://p0.meituan.net/movie/48774506dc0e68805bc25d2cd087d1024316392.jpg@464w_644h_1e_1c" alt="" width="200">
        </a><br>
    <a href="#jiejie"><img src="https://p0.meituan.net/movie/e2ecb7beb8dadc9f07f2fad9820459f92275588.jpg@464w_644h_1e_1c"
            alt="" width="200">
        </a><br>
    <a href="#afanda"><img
            src="https://p1.meituan.net/moviemachine/f7086730608eb956c7c27e9eb3b5cc415439205.jpg@464w_644h_1e_1c"
            alt="" width="200">
        </a><br>
    <a name="gesila">
        <span>
            影片中，这两位宛如神衹一般强大的对手于一场壮观的战争中相遇
        </span><br>
    </a><br>
    <a name="huanying">
        <span>
            2001年的某一天，<br>刚刚考上大学的贾晓玲（贾玲 饰）经历了人生中的一次大起大落.
        </span><br>
    </a><br>
    <a name="jiejie">
        <span>
            成长于重男轻女家庭环境中的姐弟俩，原本关系冷漠疏离，<br>但在父母车祸离世后，面临抚养弟弟还是追求个人独立生活抉择的姐姐，重新意识到了亲情深处血浓于水的意义。<br>
        </span><br>
    </a><br>
    <a name="afanda">
        <span>
            战斗中负伤而下身瘫痪的前海军战士杰克·<br>萨利（萨姆·沃辛顿 饰）决定替死去的同胞哥哥到潘多拉星控操纵格蕾丝博士（西格妮·韦弗 饰)用人类基因与当地纳美部族基因结合创造出的“阿凡达“混血生物。
        </span>
    </a>
</body>

二、单标签

1.img标签

属性：

src 文件路径
width 宽度
height 高度
alt 加载失败显示文字
title 鼠标悬停后显示内容

width和height 任写一个会使图片等比例绽放

2. meta标签

<meta http-equiv="X-UA-Compatible" content="IE=Edgitge" />
<meta name="description" content="" />
<meta name="keywords" content="" />

3.input标签

input属性及相关标签

属性名	作用	备注
select
option
label	点击label里文字聚焦到input输入框	id名一样
placeholder	输入前显示文字
name	后台接收的参数
checked	默认选择的