HTML CSS主頁面代碼
使用HTML和CSS創建網站是現代網頁設計的基礎。HTML定義了頁面結構，CSS定義了樣式和布局。
以下是一個基本的HTML CSS代碼示例，用于創建一個簡單的主頁面：
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>My Website</h1> </header> <nav> <ul> <li><a href="#section1">Home</a></li> <li><a href="#section2">About</a></li> <li><a href="#section3">Contact</a></li> </ul> </nav> <main> <section id="section1"> <h2>Welcome to My Website</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac enim blandit, vulputate dui sed, tristique orci. Suspendisse potenti. Nullam vel sapien lectus. Nulla dictum metus vel mi bibendum, sed tristique urna sagittis. Vestibulum consequat tincidunt massa id luctus. Sed aliquet eros et sem tincidunt, id auctor dui ultricies. Aenean vestibulum lectus eu mauris finibus pharetra. Duis orci magna, volutpat sed tristique eu, pretium in velit. Pellentesque volutpat tincidunt elit eget efficitur.</p> </section> <section id="section2"> <h2>About Me</h2> <p>Vivamus id velit erat. Maecenas eu enim ac tellus consectetur pretium. Integer finibus lorem a interdum ultrices. Morbi vel ipsum euismod, fermentum elit vitae, ultricies elit. Integer vestibulum, libero id pharetra blandit, quam ante commodo ex, eget dapibus tortor velit vel nisi. Fusce mattis sapien a leo feugiat accumsan. Mauris non scelerisque ipsum, vel porttitor neque. Fusce sed sapien velit. Proin quis pulvinar enim.</p> </section> <section id="section3"> <h2>Contact Me</h2> <p>Nullam semper massa leo, eu pellentesque ligula dictum sed. Quisque eu nibh in ante volutpat imperdiet. Phasellus maximus arcu lorem, sed molestie nisi venenatis ut. Maecenas sed elementum ipsum, in congue felis. Vestibulum commodo enim a erat dapibus pharetra. Etiam mollis iaculis est et euismod. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed laoreet in metus quis fermentum. Donec vitae nulla lorem. Vivamus ut mauris quam. Donec eget augue eu lectus luctus hendrerit. Sed aliquam eros nec finibus suscipit. Vestibulum dictum placerat sem id euismod. Duis ipsum leo, commodo in mauris et, venenatis aliquet risus. Sed eget libero hendrerit, faucibus odio id, dapibus mi.</p> </section> </main> <footer> <p>Copyright © 2021</p> </footer> </body> </html>
上一篇邊框設計css
下一篇Mysql什么字段存數組