Python实战计划——第一节:动手做自己的网页
作者:
唐宗宋祖 | 来源:发表于
2016-05-16 17:31 被阅读54次
1.视频重点##
- HTML构成:html css javascript 构成了一个网页(三机构)分别是结构 样式 功能
- 最基本的标签:
- div标签 区域,容器,框架
- p标签 文字,段落
- ul无序列表
- li 列表项目
- img 图片
- a href 链接
- title 标题
- 标签与样式
- header,content,footer
<div class = "">
<img scr = "" width = "" height = "">
<a href = "">
<ul class = "">
<ul class = "">
2.练习代码##
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The blah</title>
<link rel = "stylesheet" type="text/css" href="homework.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Site</a>
</li>
<li>
<a href="#">Other</a>
</li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr>
<ul class="photos">
<img src="images/0001.jpg" width="150" height="150">
<img src="images/0003.jpg" width="150" height="150">
<img src="images/0004.jpg" width="150" height="150">
</ul>
<p>我打江南走过
那等在季节里的容颜如莲花的开落
东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音②不响,三月的春帷不揭
你的心是小小的窗扉紧掩
我达达的马蹄是美丽的错误
我不是归人,是个过客……
</p>
</div>
<div class="footer">
<p>© MuggleCoding</p>
</div>
</body>
</html>```
本文标题:Python实战计划——第一节:动手做自己的网页
本文链接:https://www.haomeiwen.com/subject/mlvbrttx.html
网友评论