HTML+CSS做一個漂亮的網(wǎng)頁
時間：2023-09-25 18:18:01 | 來源：網(wǎng)站運營
時間：2023-09-25 18:18:01 來源：網(wǎng)站運營
HTML+CSS做一個漂亮的網(wǎng)頁：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>test9-11</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="test9-11.css" />
</head>
<body>
<header>
<div>
<div id="title">Hello World</div>
<div id="titlebottom">
China is speeding up strategic plan, standards, traffic rules, laws and regulations on accident-incurred liabilities for
its smart car industry, Economic Information Daily reported Thursday.
</div>
<div id="login">
<div>CREATE YOUR ACCOUNT</div>
<div>IT IS ABSOLUTELY FREE</div>
<div>
<input type="text" placeholder="denis@getcraftwork.com">
<input type="password" placeholder="Create your password">
<input type="submit" value="SIGN UP">
</div>
</div>
</div>
</header>
<section>
<div id="landingpage">
<div>BOATLOADS OF AWESOME</div>
<div>Ready-made, customizable, HTML
<br>landing page sections</div>
<div id="moblie">
<div>
<img src="image9-11/image_0001s_0001s_0000s_0000_Iphone-Icon.png" />
<h1>Mobile First</h1>
<p>This scenario might have seemed more likely in the universe imagined by Aristotle and Ptolemy.</p>
</div>
<div>
<img src="image9-11/image_0001s_0001s_0002s_0001_Check-Icon.png" />
<h1>Accessibility</h1>
<p>Today they estimate as many as 500 billion billion sunlike stars, with 100 billion billion Earthlike
planets.
</p>
</div>
<div>
<img src="image9-11/image_0001s_0001s_0001s_0000_Pencil-Icon.png" />
<h1>Fluid Typography</h1>
<p>The more we learn about the universe, the more absurd it would seem if all but one of those bodies were
bereft of life.</p>
</div>
<div>
<img src="image9-11/image_0001s_0001s_0003s_0000_Settings-Icon.png" />
<h1>Customization</h1>
<p>Maybe humanity is still so basic and primitive that advanced civilizations don’t think we’re worth talking
to.
</p>
</div>
</div>
</div>
</section>
<section id="third">
<div id="supportive">
<div>Supportive policies for China's smart car</div>
<div>
Fermi wasn’t the first person to ask a variant of this question about alien intelligence. But he owns it. The query is known
around the world as the Fermi paradox. It’s typically summarized like this: If the universe is unfathomably
large, the probability of intelligent alien life seems almost certain.
</div>
<button>CHECK OUR FEATURES</button>
<button>TRY PRODUCT FOR FREE</button>
</div>
<div id="picture">
<img src="image9-11/image_0002s_0002s_0002_Screen.png" />
</div>
<div style="clear: both;"></div>
</section>
<section>
<div id="products">
<div>Try Our Awesome Products</div>
<div id="prointroduction">
<div>
<img src="image9-11/image_0003s_0001s_0000s_0000_Singleton.png" />
<p>One of the most important steps in maintaining your personal brand is to stay consistent. Anytime you
do anything online, you should consider how it contributes to your personal brand, said Matt Brady,
founder and former CEO of career consultancy Path2Hired. </p>
</div>
<div>
<img src="image9-11/image_0003s_0001s_0001s_0000_Hero.png" />
<p>This means that every time you write an article, post an update on social media or interact with your
audience, you should think about the overall message you're trying to convey. Keeping your brand
consistent helps you build a strong brand that others will begin to recognize, Brady said.</p>
</div>
<div>
<img src="image9-11/image_0003s_0001s_0002s_0000_Portland.png" />
<p>This means that you should identify whether your personal brand will include facets of your personal
life — which can further humanize your brand voice — or if you should keep your personal and professional
worlds separate, Jones said.</p>
</div>
</div>
</div>
</section>
在線咨詢