开始前端学习
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中的目录和标记结束不使用“\”,只使用“/”。