2021-07-30 HTML学习

最新推荐文章于 2024-07-16 15:41:31 发布

Lisa_Bubble

最新推荐文章于 2024-07-16 15:41:31 发布

阅读量66

点赞数

分类专栏： md学习文章标签： html html5 css

本文链接：https://blog.csdn.net/Lisa_Bubble/article/details/119238235

版权

md学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML学习

标题标签
段落标签
水平线标签
导入图片
链接标签
列表标签

标题标签

h1-h6使文章出现标题，从h1到h6标题大小依次减小，标题内容比正文内容字号更大

<body>
    <h1>今天也要加油呀</h1>
    <h2>今天也要加油呀</h2>
    <h3>今天也要加油呀</h3>
    <h4>今天也要加油呀</h4>
    <h5>今天也要加油呀</h5>
    <h6>今天也要加油呀</h6>
</body>

在这里插入图片描述

段落标签

p标签的作用是可以把html文档分为若干段落
使用p标签时，段落之间会空一行

<body>
    <p>必备物品 1.录取通知书 2.高考准考证··· </p>
    <p>生活用品 1.牙刷牙膏、漱口杯、毛巾、洗发水、沐浴露、香皂或洗手液、洗衣粉或洗衣液 2.盆子、开水瓶、桶、拖鞋···</p>
</body>

在这里插入图片描述

水平线标签

用横线使文段分开，分成几个板块用hr

<body>
	<p>今天是个好日子！</p>
	<hr>
	<p>其实每天都是个好日子！！！</p>
</body>

在这里插入图片描述

导入图片

img标签的作用是插入图片
src是图片的路径
当图片加载不出来时跳出的提示文本，用alt属性来实现
当鼠标悬停在图片上时显示的提示文本，用tittle属性来实现
还可以给img添加长、宽、边框样式

<body>
        <img src="彩虹.jpg" alt="无法加载" tabindex="QQ头像" width="width300px" height="300px">
</body>

在这里插入图片描述

链接标签

a标签的作用是创建链接
其中href属性是规定链接的目标
name属性是规定锚的名称
target属性是定义被链接的文档在何处显示。_self在当前页面显示，_blank在新窗口显示，默认为_self

<body>
    <a href="http://bksyx.hubu.edu.cn/" target="_blank">湖北大学网络登录系统</a>
</body>

在这里插入图片描述

列表标签

html支持有序、无序和自定义列表
有序列表始于ol标签，每个标签项始于li标签
无序列表始于ul标签，每个标签项始于li标签
自定义列表始于dl标签，每个自定义列表项以dt开始，每个自定义列表项的定义以dd开始

<body>
	<ol>
		<li>丽丽</li>
		<li>泡泡</li>
		<li>熊熊</li>
	</ol>
	<ul>
		<li>一</li>
		<li>二</li>
		<li>三</li>
	</ul>
	<dl>
        <dt>牛奶</dt>
        <dd>鲜奶</dd>
        <dt>烧烤</dt>
        <dd>烤羊肉串</dd>
    </dl>
</body>

在这里插入图片描述

Lisa_Bubble

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-07-30 HTML学习

HTML学习标题标签h1-h6使文章出现标题，从h1到h6标题大小依次减小，标题内容比正文内容字号更大<body> <h1>今天也要加油呀</h1> <h2>今天也要加油呀</h2> <h3>今天也要加油呀</h3> <h4>今天也要加油呀</h4> <h5>今天也要加油呀</h5> <h6>今天也要加油呀&lt
复制链接

扫一扫