本人菜鸟一枚，在www.w3school.com.cn学习，分享下最近的学习。
1.一个简单的HTML文件，主要区分<title>和<body>内容在网页中显示的位置。
1 <!doctype html> 2 <html> 3 <head> 4 <title>一个简单的html文件</title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <p>body内容显示在浏览器中</p> 9 <p>title内容显示在浏览器标题栏</p> 10 </body> 11 </html>
2.简单的段落。
1 <!doctype html> 2 <html> 3 <head> 4 <title>简单的段落</title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <p>这是一个段落</p> 9 <p>这是第二条段落</p> 10 <p>这是第三条段落</p> 11 <p>段落由p标签定义</p> 12 </body> 13 </html>
3.更多的段落，浏览器忽略了源码中的排版，忽略了多余的空格和换行。
1 <!doctype html> 2 <html> 3 <head> 4 <title>更多的段落</title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <p>这个段落 9 在源码中包含 10 很多行 但浏览器忽略了他们 11 </p> 12 <p> 13 这个段落 14 在源码中包含了很多行 15 但 浏览器忽略 了它们 16 </p> 17 <p>段落的行数依赖于浏览器窗口的大小，调节浏览器窗口大小，将改变段落行数</p> 18 </body> 19 </html>
4.换行<br/>
1 <!doctype html> 2 <html> 3 <head> 4 <title>HTML中的折行</title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <p> 9 web前端入门需要<br/> 10 1:W3School中的实例全部模拟一遍<br/> 11 2：慕课网的web前端工程师课程看一遍<br/> 12 </p> 13 </body> 14 </html>
5.标题<h1>~<h6>代码运行后可以看显示效果
<!doctype html>
<html>
<head>
<title>标题</title>
<meta charset="utf-8">
</head>
<body>
<h1>北京</h1>
<h2>北京</h2>
<h3>北京</h3>
<h4>北京</h4>
<h5>北京</h5>
<h6>北京</h6>
</body>
</html>
6.背景颜色（bgcolor）
1 <!doctype html> 2 <html> 3 <head> 4 <title>背景颜色</title> 5 <meta charset="utf-8"> 6 </head> 7 <body bgcolor="#cd5c5c "> 8 <p align="center" >HTML实例</p> 9 </body> 10 </html>
分享中有很多没有提到的希望大家谅解，此文献给那些和我一样的菜鸟和小白。让我们共同努力学习。
时间： 2024-11-09 02:12:04