HTML5教程

HTML基础知识

本文主要是介绍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基础知识的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航