浏览器向服务器请求index.html文件,服务器返回该文件渲染到客户端页面上。
HTML代码整体框架,HTML是解释型语言,浏览器是容错的(有自动纠错功能)
<html>
标签<html>:开始标签 </html>:结束标签
<title>
网页标题标签<meta>
标签中可以设置编码方式<br/>
表示换行,单标签<p>
段落标签<img>
图片标签src:图片文件的路径(相对路径或绝对路径) width:宽度 height:高度 alt:图片的提示(未加载出来时)
<h1>……<h6>
标题标签,一级标题到六级标题<ol>
有序列表start 表示从*开始 type 显示的类型:A a I i 1(default)
<ul>
无序列表type 显示的类型:disc(default),circle,square
<u>
下划线,<b>
粗体,<i>
斜体<sup>
,下标<sub>
(看b的圈位置)<
,大于等于号 ≥
,版权符©
<span>
不换行的块标记<a>
超链接标签href:链接的地址 target:打开方式 _self 在本窗口打开 _blank 在一个新窗口打开 _parent 在父窗口打开 _top 在顶层窗口打开
<div>
标签<html> <head> <title>这是我的第一个网页</title> <meta charset="UTF-8"> </head> <body> HELLO WORLD!<br/>你好,HTML! <p>这里是一个段落</p> <p>这里是第二个段落</p> <img src="D:\imgs\girl.jpg" width="57" height="73" alt="这里是一张图片"/> <h1>标题一</h1> <h2>标题一</h2> <h3>标题一</h3> <h4>标题一</h4> <h5>标题一</h5> <h6>标题一</h6> 武林高手排行榜: <ol type="i" start="3"> <li>扫地僧</li> <li>萧远山</li> <li>慕容博</li> <li>虚竹</li> <li>阿紫</li> </ol> 武林大会人员名单: <ul type="circle"> <li>乔峰</li> <li>阿朱</li> <li>马夫人</li> <li>白世镜</li> </ul> 你是<b><i><u>喜欢</u></i></b>是<b>甜</b>月饼还是<i>咸</i><u>月饼</u>? <br/> 水分子的化学式: H<sub>2</sub>O <br/> 氧气的化学式: O<sup>2</sup><br/> 5<10 10>5 5≤10 10≥5 注册商标 ® 版权符号 © <span>赵又廷</span>,夺妻之仇。 <a href="http://www.baidu.com" target="_self">百度一下</a> </body> </html>