如何用Html+css3寫一個簡單的網頁
阿新 • • 發佈：2018-12-23
!DOCTYPE html> */我這次利用一門前端開發語言Html開發一個簡單的網頁/*
<html>
<header>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>程式猿de程式碼生活</title>
</header>
<style>
body{ /* 利用了我所學的皮毛運用css3的技術完成一個簡單的div打包
text-align:center 目的是為下方文字和圖片能夠居中/*
}
.div{margin:0 auto;
width: 400px;
height:100px;
border: 15px;
}
</style>
<h1> 人生解答書</h1>
<h2>如何開啟不一樣的人生</h2>
<nav>
<ul>
<a href= "http://www.baidu.com">想學習嗎</a> //這是一個超連結，顯示的是百度網址
<div>
<a href="https://itunes.apple.com/cn/app/%E6%8A%96%E9%9F%B3%E7%9F%AD%E8%A7%86%E9%A2%91-%E6%96%B0%E9%B2%9C%E5%8E%9F%E5%88%9B%E9%9F%B3%E4%B9%90%E7%9F%AD%E8%A7%86%E9%A2%91%E7%A4%BE%E5%8C%BA/id1142110895?mt=8">不如輕鬆一下</a> // 這也是一個超連結，顯示的是抖音視訊
</div>
<div>
<img src="https://shopstatic.lenovo.com.cn/shop/images/pic/lenovo_03.png"/> 這是我使用電腦的牌子標誌
</div>
</ul>
</nav>
<body>
</html>
<html>
<header>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>程式猿de程式碼生活</title>
</header>
<style>
body{ /* 利用了我所學的皮毛運用css3的技術完成一個簡單的div打包
text-align:center 目的是為下方文字和圖片能夠居中/*
}
.div{margin:0 auto;
width: 400px;
height:100px;
border: 15px;
}
</style>
<h1> 人生解答書</h1>
<h2>如何開啟不一樣的人生</h2>
<nav>
<ul>
<a href= "http://www.baidu.com">想學習嗎</a> //這是一個超連結，顯示的是百度網址
<div>
<a href="https://itunes.apple.com/cn/app/%E6%8A%96%E9%9F%B3%E7%9F%AD%E8%A7%86%E9%A2%91-%E6%96%B0%E9%B2%9C%E5%8E%9F%E5%88%9B%E9%9F%B3%E4%B9%90%E7%9F%AD%E8%A7%86%E9%A2%91%E7%A4%BE%E5%8C%BA/id1142110895?mt=8">不如輕鬆一下</a> // 這也是一個超連結，顯示的是抖音視訊
</div>
<div>
<img src="https://shopstatic.lenovo.com.cn/shop/images/pic/lenovo_03.png"/> 這是我使用電腦的牌子標誌
</div>
</ul>
</nav>
<body>
</html>