#WEB安全基础：HTML/CSS | 0x0 我的第一个网页

番茄西红柿发布于2019-04-23 11:53 / 1374人阅读

摘要：黑体安全基础系列，本系列采用第二人称以免你不知道我在对着你说话，以朋友的视角和你交流的中文名叫做超文本标记语言，叫做层叠样式表用设计你的第一个网页，你需要做的是用你的眼睛看，用你的手敲。

#WEB安全基础：HTML/CSS系列，本系列采用第二人称以免你不知道我在对着你说话，以朋友的视角和你交流

HTML的中文名叫做超文本标记语言，CSS叫做层叠样式表

用HTML设计你的第一个网页，你需要做的是用你的眼睛看，用你的手敲。

以下就是代码，我已经帮你设计好了

 1 <html>
 2 <head>
 3 
 4 <title>Head First Loungetitle>    
 5 head>
 6 <body>
 7 <h1>Welcome to the Head First Loungeh1>                         
 8 <img src = "images/drinks.jpg" alt = "果汁" title = "果汁">        
 9 <P>
10 Join us any evening for refreshing elixirs, conversation and maybe a game of two of <em>Dance Revolutionem>Wireless access is always provided;BYOWS (Brinf you Web server).
11 p>                       
12 <h2>Directionsh2>        
13 <p>
14 Youll find us right in the center of downtown Website. Come join us!
15 p>
16 body>
17 html>
18 
19

我写了注释有助于你理解。

以下是这个网页的目录

还有images文件夹里的文件

用于网页引用的图片

你肯定想看看自己的网页写成什么样子，依我看不怎么样，但你还是想看看，对吧？

你只需要用浏览器打开index.html(所有文件都会用下划线强调)

它看起来有些单调对吧？是因为你还不会CSS，不要担心，不出一周这种尴尬的网页就会离你而去。

-在浏览器页面中按F12可以查看网页相关信息

-在浏览器中右键点击审查元素即可查看网页各个部分的代码

以上两个技巧对任何人来说都适用，包括你—— 一名不会写网页的肥宅朋友

这是这节课的附件

编辑器：notpad++官网下载地址：https://notepad-plus-plus.org/

//本系列教程基于《Head First HTML与CSS(第二版)》,此书国内各大购物网站皆可购买

转载请注明出处:by:M_ZPHr

最后修改日期：2019-01-16

混合云私有云 html+css基础基础网页代码 web前端基础 html打开一个网页

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1312.html

#WEB安全基础 : HTML/CSS | 文章索引

摘要：黑体本系列讲解安全所需要的和黑体安全基础我的第一个网页黑体安全基础初识黑体安全基础初识标签黑体安全基础文件夹管理网站黑体安全基础模块化黑体安全基础嵌套列表黑体安全基础标签拓展和属性的使用黑体安全基础嵌套本系列讲解WEB安全所需要的HTML和CSS #WEB安全基础 : HTML/CSS | 0x0 我的第一个网页 #WEB安全基础 : HTML/CSS | 0x1初识CSS #WEB安全基...

EscapedDog 2019-04-23 11:53 评论0 收藏0
HTML的简介

摘要：教程标准超文本标记语言英语，简称是一种用于创建网页的标准标记语言。版本从初期的网络诞生后，已经出现了许多版本版本发布时间声明声明有助于浏览器中正确显示网页。声明是不区分大小写的，以下方式均可通用声明查看完整网页声明类型参考手册。HTML 教程- (HTML5 标准) 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。...

cncoder 2019-04-23 13:13 评论0 收藏0
#WEB安全基础 : HTML/CSS | 0x1初识CSS

摘要：黑体我受够这些难看的网页了，我怎么才能让它变得好看点你说。比如访问百度，百度就会向你展示一个百度一下你就知道的页面。黑体这是在浏览器中的显示黑体我受够这些难看的网页了，我怎么才能让它变得好看点？你说。我答道:看来你得学点CSS了学习这些东西只有一个原则，就是用你的脑袋想，用你的眼睛看，用的你手敲。很简单，对吧？这次我写了两个网页看代码就用到了你的眼睛, 下面是index.htm...

番茄西红柿 2019-04-23 11:53 评论0 收藏0