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

最新推荐文章于 2024-02-08 01:58:40 发布

Flyer_

最新推荐文章于 2024-02-08 01:58:40 发布

阅读量743

点赞数

分类专栏： HTML&CSS 前端

本文链接：https://blog.youkuaiyun.com/xu3737284/article/details/46897635

版权

前端同时被 2 个专栏收录

4 篇文章

订阅专栏

HTML&CSS

3 篇文章

订阅专栏

开始前端学习

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>标记