#WEB安全基础：HTML/CSS | 0x0 我的第一个网页
2019-01-21 02:37:47来源：博客园 阅读 ()
#WEB安全基础：HTML/CSS系列，本系列采用第二人称以免你不知道我在对着你说话，以朋友的视角和你交流
HTML的中文名叫做超文本标记语言，CSS叫做层叠样式表
用HTML设计你的第一个网页，你需要做的是用你的眼睛看，用你的手敲。
以下就是代码，我已经帮你设计好了
1 <html> 2 <head> 3 <!--我是注释在浏览器里看不到我哦--> 4 <title>Head First Lounge</title> <!--浏览器标签上显示的文本--> 5 </head> 6 <body> 7 <h1>Welcome to the Head First Lounge</h1> <!--标题，有6个分别是<h1><h2><h3>……依此类推，在浏览器里显示的大小不同--> 8 <img src = "images/drinks.jpg" alt = "果汁" title = "果汁"> <!--插入图片 src是图片路径，alt是在图片无法显示时的文本标识内容，title是鼠标放在图片上所显示的提示内容--> 9 <P> 10 Join us any evening for refreshing elixirs, conversation and maybe a game of two of <em>Dance Revolution</em>Wireless access is always provided;BYOWS (Brinf you Web server). 11 </p> <!--<p>是正文，<em>是斜体字--> 12 <h2>Directions</h2> <!--<h2>是小一号的<h1>标题--> 13 <p> 14 You'll find us right in the center of downtown Website. Come join us! 15 </p> 16 </body> 17 </html> 18 19 <!--html文档主体 20 <html> 21 <head> 22 </head> 23 <body> 24 </body> 25 </html> 26 -->
我写了注释有助于你理解。
以下是这个网页的目录
还有images文件夹里的文件
用于网页引用的图片
你肯定想看看自己的网页写成什么样子，依我看不怎么样，但你还是想看看，对吧？
你只需要用浏览器打开index.html(所有文件都会用下划线强调)
它看起来有些单调对吧？是因为你还不会CSS，不要担心，不出一周这种尴尬的网页就会离你而去。
-在浏览器页面中按F12可以查看网页相关信息
-在浏览器中右键点击审查元素即可查看网页各个部分的代码
以上两个技巧对任何人来说都适用，包括你—— 一名不会写网页的肥宅朋友
这是这节课的附件
编辑器：notpad++官网下载地址：https://notepad-plus-plus.org/
//本系列教程基于《Head First HTML与CSS(第二版)》,此书国内各大购物网站皆可购买
转载请注明出处:by:M_ZPHr
最后修改日期：2019-01-16
原文链接:https://www.cnblogs.com/MZPHr/p/10277743.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：#WEB安全基础 : HTML/CSS | 0x8CSS进阶
下一篇：当地天气调用
- css与javascript重难点，学前端，基础不好一切白费！ 2020-06-11
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
- HTML基础01 2020-06-07
- [03]HTML基础之行内标签 2020-06-01
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
