HEAD FIRST HTML&CSS 读书笔记(1)

来源：互联网发布：台式电脑连接不上网络编辑：程序博客网时间：2024/06/05 10:24

开始前端学习

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

0 0