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基础知识的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16useMemo项目实战:初学者指南
- 2024-11-15AntDesign项目实战:新手入门与初级应用教程
- 2024-11-15AntDesign-Form-rules项目实战:新手指南
- 2024-11-14ESLint课程:初学者指南
- 2024-11-14Form.List 动态表单课程:新手入门教程
- 2024-11-14Redux课程:新手入门完全指南
- 2024-11-13MobX 使用入门教程:轻松掌握前端状态管理
- 2024-11-12前端编程资料:新手入门指南与初级教程
- 2024-11-12前端开发资料入门指南
- 2024-11-12前端培训资料:适合新手与初级用户的简单教程