Html前端基础（form表单、img标签、a href标签、id的作用）

最新推荐文章于 2024-08-26 21:37:02 发布

鸿蒙Next

最新推荐文章于 2024-08-26 21:37:02 发布

阅读量3k

点赞数 1

分类专栏：前端开发(js,css,html) 文章标签： html web css 经验分享程序人生

本文链接：https://blog.csdn.net/Viewinfinitely/article/details/105713736

版权

本篇主要分析Html前端开发中的img图片标签、a href超链接标签、form表单标签，其中form是重点

1、标签嵌套的规则：
不能在内联标签内嵌套块标签

2、img下的属性：
img标签：
src: 要显示图片的路径.
alt: 图片没有加载成功时的提示.
title: 鼠标悬浮时的提示信息.
width: 图片的宽
height:图片的高 (宽高两个属性只用一个会自动等比缩放.)

3、示例：


<img id="abcd" src="test.png" alt="截图" title="回旋梯" width="200px" height="200px">

1、href: 要连接的资源路径格式如下: href=“http://www.baidu.com”
target: _blank : 在新的窗口打开超链接. 框架名称: 在指定框架中打开连接内容.

2、示例：

<a href="https://www.baidu.com">Baidu</a>
<a href="https://www.baidu.com" target="_blank"> <img src="baidu.png"> </a>

3、name: 定义一个页面的书签.

4、三种列表：

5、id的作用： 每个id是一个页面中唯一的存在，不能重名

<div id="abc">顶部</div>
<a href="#abc"></a>

这样就是一个回到顶部的一个标签，使用id定位时必须带#号

6、img和a标签练习代码：

<!DOCTYPE html>

<html lang="

关注

专栏目录