如何用html制作一个网页

如何用html制作一个网页,第1张

1,打开记事本,并在其中输入必要信息,完整代码如下:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>
<body><header><img src="molihuajpg"width="412" height="291"</header> <article> <header> <h2>茉莉花</h2> <p>作者:宋 · 刘克庄 </p> </header> <hr/> <p>曾与瑶姬约。恍相逢、翠裳摇曳,珠韝联络。风露青冥非人世,揽结玉龙骖鹤。
爱万朵、千条纤弱。
祷祝花神怜惜取,问开时、晴雨须斟酌。枝上雪,莫消却。
恼人匹似中狂药。
凭危栏、烛光交映,乐声遥作。身上春衫香薰透,看到参横月落。
算茉莉、犹低一著。坐有缑山王郎子,倚玉箫、度曲难为酢。君不饮,铸成错。</p> <h3>清平乐</h3> <p>冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热,补陀夜夜清凉。</p><dl> <dt>《浣溪沙》</dt> <dd>南国幽花比并香。直从初夏到秋凉</dd> <dt>《鹧鸪天》</dt> <dd>携靓侣,泛轻航。棹歌惊起野鸳鸯</dd> <dt>《真珠帘》</dt><dd>茉莉芰荷香,拍满笙箫院。</dd>
</dl></article> <footer>201996</footer> </body></html>
启动浏览器运行后,大家会发现界面并不美观,文字看着也比较乱。
为了解决这个问题,可以在界面添加css规则,让界面更好看,更标准化,将下面的代码块添加到记事本中,位置在<head>和<head/>也就是头部之间:
<style type="text/css">body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } </style>
再次保存和预览,是不是看着美观多了

第一种:打开一个网页后点击鼠标的 右键就会有"查看源文件", *** 作 鼠标右键--->查看源文件 即可d出一个记事本,而记事本内容就是此网页的html代码。

可能会碰到一些网页鼠标右键无反应或提出提示框,那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容,但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。

第二种:通过浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”,源代码即可查看此网页的源代码源文件。

在微软IE下 查看--->源文件 即可查看此网页代码在傲游浏览器下截图:

查看别人网页的源代码可以为我们制作网页时候有帮助,以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。

三、其它浏览器具体查看html网页源代码方法步骤   -   TOP

首先请打开您的网络浏览器,然后访问任何一个网页。

完成上述步骤后,您可以通过以下针对不同网络浏览器的简单步骤快速查看html网页源代码。

1)、Firefox浏览器,请按以下步骤 *** 作:

点击火狐firefox浏览器上方“工具(T)”菜单。
在下拉菜单中点击“Web 开发者”。
然后在下拉菜单中选择点击“页面源代码”,即可查看网页源代码。

2)、谷歌浏览器,请按以下步骤 *** 作:

点击广告浏览器,右上角“三横”控制图标
在下拉菜单点击“工具”
然后再点击“查看源代码”。

或直接谷歌浏览器中使用快捷键“Ctrl+U”即可查看被访网页源代码。

对于这些的话,新手朋友可以参考附件里面的知识学习下

>1 你首先要有服务器,并能运行IIS或APACHE
2 你还要有域名
3 把域名解析到你的服务器
4 上传你的HTML网页到服务器
5 在浏览器输入你的网址,就能访问了。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13399114.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-29
下一篇 2023-07-29

发表评论

登录后才能评论

评论列表(0条)

保存