#WEB安全基础 : HTML/CSS | 0x4HTML模块化

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

摘要：黑体想让你的网页变得整洁吗找我就对了，当然你会认识几个新元素，和它们交朋友吧我帮你联系一下这几个新元素，这样交朋友就变得简单了黑体里放着图片黑体以下是的代码标签是小引用没有锁紧，自动加双引号文字是绿

想让你的网页变得整洁吗？找我就对了，当然你会认识几个新元素，和它们交朋友吧！

我帮你联系一下这几个新元素，这样交朋友就变得简单了

images里放着图片

以下是index.html的代码

 1 <html>
 2 <head>
 3 <title>Sagwayn USAtitle>
 4 head>
 5 <style>
 6 q{                
 7 color: green;    
 8 }
 9 style>
10 <body>
11 <h1>Segwayn USAh1>
12 <p>
13 Documenting my trip around the US on way my very own.
14 p>
15 <h2>June 2, 2012h2>
16 <img src = "images/trip.jpeg" title = "景点" alt = "经典" width = "200" height = "150">
17 <p>
18 My first day of the trip! I cant believe I finelly got evetything packed and reddy to go. Because Im on a segway, I wasnt able to bring a whole lot with me:
19 
20 <ul>
21 <li>cell phoneli>
22 <li>ipodli>
23 <li>digital camerali>
24 <li>a protein barli>
25 ul>
26 Just the essentials.As Lao Tzu would have said, <q>A journey of a thousand miles begins with one step segway.q>        
27 p>
28 <h2>July 14, 2012h2>
29 <p>
30 I saw some Burma Shave stylesigns on the side of the road tody :
31 <blockquote>        
32 passing cars, When you cant see, May get you, A glirupse, of eternity.
33 blockquote>
34 I definely wont be passing any cars.
35 p>
36 <h2>August 20, 2012h2>
37 <img src = "images/trip2.jpg" title = "我的车" alt = "我的车" width = "200" height = "150">
38 <p>
39 Well I made it 1200 miles already, and I passed through some interesting places on the way:
40 
41 <ol>
42 <li>Walla Walla, WAli>
43 <li>Magic City, IDli>
44 <li>Bountiful, UTli>
45 <br>
46 <li>Last Chance, COli>
47 <li>Why, AZli>
48 <li>Truth or Consequences, NMli>
49 ol>
50 p>
51 body>
52 html>

仔细阅读并且理解注释的意思。

li元素也可以多带带使用，不过建议你不要这么做，因为模块化是个信仰

下面来看看模块化的网页有多整洁吧

你也可以自己设计一套模块

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

转载请注明出处 by:M_ZPHr

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

服务器托管专线服务 html+css基础 python基础模块安全模块 web服务器模块

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

转载请注明本文地址：https://www.ucloud.cn/yun/1308.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
#WEB安全基础 : HTML/CSS | 0x9美丽的饮料店

我带着你，你带着钱，咱们去喝点饮料吧。老板久仰你的大名，请你帮忙设计一个网站宣传他的饮料店你要制定一个完美的方案还需要多学点东西我先帮你设计一下这是存放网站的文件夹这是根目录这是about文件夹这是beverages文件夹存放CSS文件的文件夹(这是外部调用所以需要一个CSS文件，我们以前写的网页都是内部调用) 存放图片的images文件夹首先...

番茄西红柿 2019-04-23 11:53 评论0 收藏0
前端工程师的知识体系

摘要：目前只有和有这个概率。是快速开发应用程序的前端工具包。调试工具前端的调试工具很多，比如，核心的的。前端流程部署，和现在几乎是前端最流行的自动化的项目构建工具正则表达式浏览器插件开发浏览器原理沟通能力优秀下图是前端工程师图解：showImg(http://upload-images.jianshu.io/upload_images/1807893-de7c7404345922b6.jp...

itvincent 2019-08-20 17:22 评论0 收藏0
前端工程师的知识体系

摘要：目前只有和有这个概率。是快速开发应用程序的前端工具包。调试工具前端的调试工具很多，比如，核心的的。前端流程部署，和现在几乎是前端最流行的自动化的项目构建工具正则表达式浏览器插件开发浏览器原理沟通能力优秀下图是前端工程师图解：showImg(http://upload-images.jianshu.io/upload_images/1807893-de7c7404345922b6.jp...

microcosm1994 2019-08-05 17:54 评论0 收藏0
前端工程师的知识体系

摘要：目前只有和有这个概率。是快速开发应用程序的前端工具包。调试工具前端的调试工具很多，比如，核心的的。前端流程部署，和现在几乎是前端最流行的自动化的项目构建工具正则表达式浏览器插件开发浏览器原理沟通能力优秀下图是前端工程师图解：showImg(http://upload-images.jianshu.io/upload_images/1807893-de7c7404345922b6.jp...

raise_yang 2019-08-29 12:47 评论0 收藏0