首页 技术 正文
技术 2022年11月15日
0 收藏 834 点赞 2,885 浏览 19577 个字

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


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

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

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


 <html> <head> <!--我是注释在浏览器里看不到我哦--> <title>Head First Lounge</title>    <!--浏览器标签上显示的文本--> </head> <body> <h1>Welcome to the Head First Lounge</h1>                         <!--标题,有6个分别是<h1><h2><h3>……依此类推,在浏览器里显示的大小不同--> <img src = "images/drinks.jpg" alt = "果汁" title = "果汁">        <!--插入图片 src是图片路径,alt是在图片无法显示时的文本标识内容,title是鼠标放在图片上所显示的提示内容--> <P> 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). </p>                       <!--<p>是正文,<em>是斜体字--> <h2>Directions</h2>        <!--<h2>是小一号的<h1>标题--> <p> You'll find us right in the center of downtown Website. Come join us! </p> </body> </html> <!--html文档主体 <html> <head> </head> <body> </body> </html> -->

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

以下是这个网页的目录


#WEB安全基础:HTML/CSS | 0x0 我的第一个网页<img src="data:image/png;base64,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kGTtoh50glYpgz2hM9S2h33uWyFFneuBwHwZ0CwBTgQaz40PRgneBBYNcUjqkYiC3DxkW5uGoyms5lfLhxUKW6uUsSJqh3HjQavWSESkfVJjV8jgJm80kMFNlvgGv8VltR4F6vzsVe6qtRYtmzd2L3fCNyfIWq3Vo/CCu/0xH9Oes/Rx85svW0Wt/dp6YdOUrTBaX/V3v53Id8gRkWDc+ZUVLz7J+gYXdVOBT5NnBWovvJsgI+2bYrd8HjIsb+py/YH7ywXZv2DzvPq4BXk+2ddJHJX5ZlJRtYMJFbiJopLI/bBsu7q7Mpxtj+Tci8dlq+VkZ3Rx0U3Q/RnlhdXaZC7kZZykGhL93Jk5lhssokV9vYXlpg79XO7jKFmDnfVvKdAwWci/I/EBIycdI4OFN1WjG6i/qvOEVeMmyebSc+qei+anX4E7aq5Et31voeve15Fy/DMkXtEctWufppaRwe3Ea9x6YqbZl0w1hQ4C+lk7uYn5IpVtcs+vhcW9je9OkzcjyH5t80Y0RdMR8zAFo9A8ou/2aIob+nWy3JxARIq8wBRY+45Ya0zEG+hAefecnp4ODHbfhWmEHrP5y2wWNd5nzXlGkcHIXcuiOsT7BoAg67JdvhVSWm90rz+9KMh3uAXbv6D7bhXs+YyLTH1zHeorDCrz+84iFJeEgfFZ7m1Pk33Rwtr2YOfeh3iOONkEq55DnMP6g/XdgOK4qbsvzXmyj93J+qqUVuienACR+IM+n1efuiD9JL2WU1+fYj3HssbRchxlCXa8ThnB3iNCMY6pCm+W8+L1WpXH2N2f0vlCfgHviiefxPXXX6/HwrNs2TIkJSXpMSKiyMlmSa8gF0KkyxPRqUtWMlXbL+AlIjr58rAxombESJcnInKmkDVuG6ZORWFhofrJK/mD8r/5zW/Uv0ePHkVpqfHL+vLXFOrUqaPmnX766YiPj0e7du3UPCIiIqJY4uQat5DBLVpPRERERBQLqk1T6Rl1auLXIyV6jIiIiKj6kVlHZh4n8qpxW7J+H2qfVhPd7r9VTxHJ7vPP9RARERGRsx07XoaVm4px5Fgpbmx/kZ5aOSq9qfRYSRmWbihA79ED9BTg6eEz9BARERGRs8kKqhYNz0bPtgmoXaty79Gs9OBmqownIiIiIjqVVHofNyIiIiKKXQxuRERERA7B4EZERETkEAxuRERERA4R8uYEIiIiIjoxvDmBiIiI6BTD4EZERETkELZNpUREREQUe1jjRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQQDG5EREREDsHgRkREROQIwP8D+Nh8h4ut8YgAAAAASUVORK5CYII=" alt="" />


还有images文件夹里的文件

用于网页引用的图片

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


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

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

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


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

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

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

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


这是这节课的附件

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


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


转载请注明出处:by:M_ZPHr

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

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,000
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,512
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,358
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,141
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,771
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,849