网页平面设计 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>

  &lt 表示 <    &gt 表示 >    &amp 表示 &    &quot 表示 "

  &nbsp; 表示空格    &copy 表示 ©    &reg 表示 ®   

  &times 表示 ×    &divide 表示 ÷

 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的主要内容,如果未能解决你的问题,请参考以下文章

javaEE WEB学习笔记day01

汽车新闻网站可替换相同产品图片静态html网页将计30个网页(可用于学习及毕业设计)

网页设计,怎么做歌词与音乐同步?

html扫盲-01

html前端静态网页项目模仿旅游和设计两类网站

Web UI 网站用户界面设计命名规范