HTML学习总结

最新推荐文章于 2025-05-30 22:33:54 发布

浮屠tufu

最新推荐文章于 2025-05-30 22:33:54 发布

阅读量232

点赞数 3

文章标签： html

本文链接：https://blog.youkuaiyun.com/weixin_46075497/article/details/114785335

版权

                                        **HTML学习总结**

1.HTML文档结构
在创建一个网页时必须使用.html的文件，一个web网页他的结构为

 <html>
    <head>
    <meta charset="utf-8">
       ......
    </head>
    <body>
       ......
	</body>
 </html>

2.HTML元素
HTML中的元素一般的有<head>，<title>，<body>，<header>，<footer>，<article>，<section>，<p>，<div>，<span>，<img>，<aside>，<audio>，<canvas>，<datalist>，<details>，<embed>，<nav>，<output>，<progress>，<video> 等等，我们可以使用他们来完成我们网页的结构。
3.超链接 a
超链接的语法为<a href="网址" target="_blank">名字</a>，href即为要跳转去的地址 URL（Uniform Resorce Locator)，target属性为_blank表示在新的页面打开超链接（默认是在当前页面打开即_self）超链接标签包含的内容，即为显示在页面上供用户点击的。
4.图片及文件路径 img
要插入一张图片的语法为<img src="https://mdbootstrap.com/img/logo/mdb192x192.jpg" alt="MDB Logo" width="200" height="200">
1.src属性为要显示图片文件的位置 URL，即图片文件的路径
2.alt属性当获取图片出现问题时显示的文字（占位符）
3.可为图片指定高宽度，但不建议（可能导致图片变形）
如果图片下载的话在这里插入图片描述
5.区块元素、内联元素
区块元素在浏览器显示时，通常会以新行来开始（和结束）。如：<h1>, <pre>, <ul>, <table>，<div> 等。
内联元素相反，他们总是一个接一个进行显示，不会新起一行。如： <span>, <input>, <td>, <a>, <img>等。