HTML基础知识

2021/7/26 23:37:05

本文主要是介绍HTML基础知识,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

HTML基础知识

标签是指尖括号包围的关键字,通常是成对出现。
html /html根标签,所有的内容都要在这里面
head /head头标签,可以定义网页的名字
title /title设置网页标题
body /body正文内容
在body中写出任何内容
及可在网页中得到显示
设置标题h1 内容 /h1可以使内容变为一级标题,总共有6个等级,从1到6,越大,其标题等级越低,字体越小
hr/ 可以生成水平线表现,通过width,size,color,align可以设置其长度,粗细,颜色,对齐方式
br/ 换行标签
p /p 段落标签,可以通过align设置其对齐方式,有left,center,right.
font标签可以设置文字的大小(1-7),颜色,样式
其他标签:
在这里插入图片描述
图片标签:
插入图片,img / 通过src导入图片地址,width设置图片的宽度,height设置图片的高度。
链接标签:
a 文本或图片 /a
可以在页面中使用,设置其跳转的地方
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>望庐山瀑布</h1>
		<h3>作者:李白</h3>
		<hr />
		<p>日照香炉生紫烟,</p>
		<p>遥看瀑布挂前川。</p>
		<p>飞流直下三千尺,</p>
		<p>疑是银河落九天。</p>
		<h3>作者简介:</h3>
		<img src="img/1.jpeg" width="40%"/>
		<font size="5" color="aqua">李白</font>
		(701—762),字太白,号<strong>青莲居士</strong>
		是屈原之后最具个性特色、最伟大的
		<font color="orange">浪漫主义诗人</font>。
		有“<font color="green">诗仙</font>”之美誉,与杜甫并称“李杜”。
		其诗以抒情为主,
		表现出蔑视权贵的傲岸精神,对人民疾苦表示同情,
		又善于描绘自然景色,表达对祖国山河的热爱。
		<h3>创作背景:</h3>
		<img src="img/2.jpeg" width="40%"/>
		这首诗一般认为是<font color="red">唐玄宗</font>开元十三年
		(725)
		前后李白出游金陵途中初游庐山时所作。
		<h3>创作背景:</h3>
		这首诗,紧扣题目中的“望”字,
		以庐山的香炉峰入笔描写庐山瀑布之景,
		用挂字突出瀑布如珠帘垂空,以高度夸张的艺术手法,
		把瀑布勾画得传神入化,然后细致地描写瀑布的具体景象,
		将飞流直泻的瀑布描写得
		<font color="green">雄伟奇丽,气象万干,宛如一幅生动的山水画。
		</font>
	</body>
</html>

效果图
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>商品类别</h1>
		<ul>
			<li><a href="#">数码</a></li>
			<li><a href="#">服装</a></li>
			<li><a href="#">食品</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">手机</a></li>
			<li><a href="#">更多...</a></li>
		</ul>
		<ul>
			<li><img src="img/11.png"/><a href="#">华为</a></li>
			<li><img src="img/22.png"/><a href="#">苹果</a></li>
			<li><img src="img/33.png"/><a href="#">小米</a></li>			
		</ul>		
	</body>
</html>

效果图
在这里插入图片描述
蓝色下划线可以点进去,通过设置可以定义到哪里,
这里暂时没有引用



这篇关于HTML基础知识的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程