HTML基本结构、a、img标签

最新推荐文章于 2023-05-23 10:30:47 发布

华阿华阿华

最新推荐文章于 2023-05-23 10:30:47 发布

阅读量518

点赞数

分类专栏：学习笔记文章标签： html

本文链接：https://blog.csdn.net/m0_57645757/article/details/118281172

版权

学习笔记专栏收录该内容

28 篇文章 0 订阅

订阅专栏

HTML基本结构

HTML是标记语言

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个程序</title>
</head>
<body>
    <h1>hello,world</h1>
    <p>刘</p>
</body>
</html>

第一行是声明表示使用的HTML5语言
html表示根标签，第一个为开始标签，最后一个为结束标签，之间的所有代码称之为HTML元素
- head元素是所有头部元素的容器
  - title指定网页的标题
- body包含网页所有可视的内容
  - h1表示标题的尺寸（最大尺寸）
  - p元素定义一个段落，里面存放文本

结构图：
在这里插入图片描述

灰色部分不可见，白色是可见的

素材取自鱼c

a标签

<p>b站<a href="https://www.bilibili.com/">传送门</a> </p>

<a href="https://www.bilibili.com/">b站传送门</a>

这两个有区别，第一个在网址前面添加了一个无法被点击的文本，第二个整体都能点击

创建一个a标签，加空格可以添加属性，href必须要有，href后添加网址，在后面是用你自己的文字替代网址名字，例如点击传送门就可以传送到b站了

属性	值	描述
download	filename	指定被下载的超链接目标。
href	URL	指定链接指向页面的 URL。
hreflang	language_code	指定被链接文档的语言。
media	media_query	指定被链接文档是为何种媒介/设备优化的。
rel	text	规定当前文档与被链接文档之间的关系。
target	_blank、_parent、_self、_top、framename	指定在何处打开超链接。 _blank：在新窗口中打开 _parent：在当前的父窗口中打开，如果不存在父窗口，此选项的行为方式与 _self 等同 _self：当前窗口打开（默认） _top：在整个窗口中打开 framename：在指定的框架中打开
type	MIME type	指定被链接文档的的 MIME 类型。

img标签

<img src="图标.jpg" width="256px" height="256px" alt="第一个网页图标">

直接创建一个img标签，scr后添加图片链接，本地地址，空格后面可以设置图片大小，alt是图片链接不存在时显示的文字

属性	值	描述
alt	text	指定图像的替代文本。
src	URL	指定显示图像的 URL。
width	px(pixels)、%	设置图像的宽度（像素或百分比）。
height	px(pixels)、%	定义图像的高度（像素或百分比）。
ismap	URL	将图像定义为服务器端图像映射。
longdesc	URL	指定包含长的图像描述文档的 URL。
usemap	URL	将图像定义为客户器端图像映射。

华阿华阿华

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基本结构、a、img标签

HTML基本结构HTML是标记语言<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个程序</title></head><body> <h1>hello,world</h1> <p>刘</p></body></h
复制链接

扫一扫