HEAD FIRST HTML&CSS 读书笔记(1)
开始前端学习
html的简单结构
<html>
<head>
<title>hello world!</title>
<style type="text/css">
body {
background-color: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 2px dotted black;
padding: 10px 10px 10px 10px;
font-family: sans-serif;
}
</style>
</head>
<body>
<h1>你好</h1>
<p>
<q>ni men hao，你们好</q>
</p>
<p>啦啦啦
<blockquote>
他是一个劫匪，坐过牢，之后又杀了人，穷途末路之际他又去抢银行。是一个很小的储蓄所。
抢劫遇到了从来没有过的不顺利，两个女子拼命反抗，他把其中一个杀了，
另一个被劫持上了车。因为有人报了警，警车越来越近了，
他劫持着这个女子狂逃，把车都开飞了，撞了很多人，轧了很多小摊。
</blockquote>
啦啦啦
</p>
<p>
这个刚刚21岁的女孩子才参加工作，为了这份工作，她拼命读书，毕业后又托了很多人，<br>
没钱送礼，是她哥卖了血供她上学为她送礼，她父母双亡，只有这一个哥哥。
</p>
<img src="../image/red.jpg">
</body>
</html>
1 .<style>标记中有个type属性，这里选择使用CSS。
2.style中的<body>标记表示括号中的这些属性，适用于body域。
3.<p>标记内是一个段落。
4.标记<q>表示短引用，浏览器将以其独自的方式表示出来。
5.要尽量使用相对路径。
6.添加图片<img>标记
<img src="../image/red.jpg">
7.添加链接<a>标记
<a href="elixir.html">elixirs</a>两标记间的elixirs在网页中可以点击，指向新页面。
8. 标记<blockquote>为长引用，常用于引用大段文字。段内文字会自成一段，还会缩进。
blockquote是块元素，块前后都有换行，而q是内联元素，嵌在段落中。
9.<br>标记为换行,是个没内容的元素。也称为“void”元素。
注：HTML中的目录和标记结束不使用“\”,只使用“/”。