网页平面设计 HTML Day01
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页平面设计 HTML Day01相关的知识，希望对你有一定的参考价值。
网页平面设计HTML基础
1、网页的基本元素：文字、图像、超链接
2、html的基本机构head、title、body三部分
<html>
<head>
<title>标题</title>
</head>
<body>
正文
</body>
</html>
3、常用标记/属性
<body background背景图片 bgcolor背景颜色 text非连接文字颜色>正文</body>
<p align对齐="left/right/center">文字段落</p>
<img src="图片路径" width height/>
<br/>换行标记 <hr size width align color/>横线标记
<h1>标题</h1>........<h6></h6>标题大小，1最大，6最小
<pre>预定格式标记，打成什么样，浏览器里显示就什么样</pre>
<!--注释标记，给程序猿看的-->
<center>居中</center>
<blockquote>缩排文字</blockquote>
<font size face字体 color>字体</font>
<u>下划线</u>
<s>删除线</s>
<b>加粗</b><strong>加粗</strong>
<i>斜体</i><em>斜体</em>
< 表示 < > 表示 > & 表示 & " 表示 "
表示空格 © 表示 © ® 表示 ®
× 表示 × ÷ 表示 ÷
4、笔记
1做项目把图片统一放在一个文件夹里
2引入图片的2种方式
绝对路径 D:/demo/images/123.gif （最好不要用）
相对路径 ./images/1.gif 一个点表示同级目录
../demo/images/2.jpg 两个点表示上一级目录，三个点表示上上级目录，以此类推
3网络常用图片格式
gif 以256种像素组成，支持透明，支持动画，体积小
jpg 以百万像素组成，品质较高，不支持动画、透明
png fireworks的源格式 png8支持透明，png34、png32不支持透明
4<body>背景图片在背景颜色上层，图片透明则能看到bgcolor
以上是关于网页平面设计 HTML Day01的主要内容，如果未能解决你的问题，请参考以下文章