我的php学习第三天之HTML篇

昨日回顾

计算机编码

所谓“编码”就是用什么二进制来表示一个字符。比如:a对应101,b对应110

101010010100101001010011101001010010110100101010

ASCII编码:用7位或8位(1个字节)二进制来表示一个字符,最多表示256个字符。

ANSI编码:就是不同国家,想使用计算机来处理本国语言。

中国,ANSI就是指GB2312或GBK。

台湾,ANSI就是指BIG5

每个操作系统都内置了一套编码体系,就是所谓“字符集”。

例如:中文操作系统的默认编码是GB2312.,用计事本编网页,如果没有指定字符集,则默认就是GB2312.

GB2312编码:用2个字节(二进制16位),理论上可以表示2^16=65536个汉字。

例如:“国” 用二进制表示 1110101010101110

GBK编码,用2个字节来表示一个字符。它的容量要比GB2312大的多。

Unicode编码,用4个字节来表示一个字符,它可以容纳下全世界的所有字符。过于庞大,下载文件时间长,效率不高

UTF-8编码,Unicode Transform Fromat统一格式转换。不同字符会自动选择长度来表示。比如:a用1个字节,汉字用两个字符。

 

<meta>标记:其中的设置或内容是给浏览器软件本身用的或搜索引擎用的

设置字符集:<meta http-equiv=content-type content=text/html;charset=GB2312  />

保证网页不出现乱码:在一开始时,就要把编辑环境和<meta>字符集设置好,并且不要经常更换字符集。

 

站点:就是代表一个网站。一个站点中要有相应的目录的规则。

 

 

表格标记

sadasda sadasd asdasd asdasdasdad

<table>

<tr>

<td>编号</td>
<td></td>

<td></td>

</tr>

<tr>

<td></td>
<td></td>

<td></td>

</tr>

</table>

说明:<table>表示表格,<tr>表示行,<td>表示单元格,内容放在<td>中。
标题单元格:<th></th>中的内容会自动加粗居中显示;

普通单元格:<td></td>中的内容是默认样式。

<table>的常用属性

Width:表格的宽度,取值:固定值或百分比

在JS中,称HTML标记为“元素”,比如:td元素、body元素

Height:表格的高度

Border:指定表格的边框粗细

bgColor:表格的背景色

background:背景图的URL。比如:background=“images/bg.gif”

align:表格水平对齐,取值:left   center   right

cellpadding:指单元格与文字之间的距离,也称“内填充距离”

cellspacing:指两个单元格之间的距离,也称“间距”

 

<tr>的常用属性

Align:水平对齐,取值:left  center right

Valign:垂直对齐,取值:top  middle  bottom

bgColor:行的背景色

height:指行高

 

<td><th>的常用属性

Width:单元格的宽度

Height:单元格的高度

Align:水平对齐

Valign:垂直对齐

bgColor:背景颜色

background:背景图片

rowspan:合并多行的单元格,跨行合并

colspan:合并多列的单元格,跨列合并

注意:单元格合并的属性rowspan和colspan应该放在第一个单元格中,合并后要进行相应的删除,以保证一个行的单元格个数相同。

 

<caption></caption>表格表题标记

<caption>是<table>的子标记,紧跟<table>开始标记,在所有<tr>标记之前。

常用的属性align

 

 

综合实例:月福汽车装饰有限公司首页

网站制作的一个流程

(1)网站设计的方案

(1)由设计人员出效果图

(2)制作人员根据设计图,把设计图的大图片,切割成多个小图片;

(3)由制作人员,使用HTML+CSS再排成原来大图的效果

(4)程序人员,根据效果图,再做后台程序开发

(5)将前台页面和后台程序整合在齐,构成一个完整的网站。

(6)交由客户进行审阅

 

用表格来排版网页

1)确定主页的宽度,最宽不超过1000px,最低700以上。

2)主页一般都是绝对居中

3)网页的背景色或背景图片

4)flash的扩展名.swf

 

月福首页的结构图

image001

HTML代码注释:<!—网页注释的内容-->

 

图片热点(图像地图):在一张图片上增加多个链接

<img  src=“images/index_02.jpg” usemap=“#Map” />

<map  id=“Map”>

<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />

<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />

<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />

</map>

 

<area>的常用属性

Shaple:指热点的形状,取值:rect(矩形) circle(圆形)polygon(多边形)

Coords:执热点的坐标或范围。

Rect类型:坐标为 coords=x1,y1,x2,y2 ,x1,y1表示矩形左上角的坐标值,x2,y2表示矩形的右下角坐标值

Circle类型:坐标为coords=x1,y1,r,x1,y1表示圆心坐标,r表示半径

Polygon类型:坐标为coords=x1,y1,x2,y2,x3,y3,……,表示每个顶点的坐标

 

多媒体标记(以Flash为主讲解)

网页上的所有视频,基本都是Flash格式。将所有其它的视频转成了Flash格式,因为Flash格式所有的浏览器基本上都兼容,参数各个浏览器都差不多。

视频转换工具:格式工厂

Wmv一小时大小为150MB左右,若转成Flash,尺寸将缩小80%左右。

avi  mpeg  dat

 

<embed></embed>多媒体标记

不是W3C推荐的,一般用于Netscape浏览器(以Firefox为核心)。

常用的属性:

Src:引入外部的视频文件

Width:界面的宽度

Height:界面的高度

Type:指播放的文件格式

Pluginspage:指Flash插件的下载地址。

Wmode:指Flash是否为透明背景,取值:transparent(透明)

Quality:指播放质量,取值:high(高质量) low(低)

<object></object>多媒体标记

是W3C推荐的多媒体标记,一般用于IE浏览器

<param />该标记是<object>的子标记,主要用来设置参数。

 

<object width=“宽度” height=“高度” classid=“产品ID号” codebase=“插件下载地址”>

<param name=“movie” value=“images/banner.swf” />

<param name=“wmode” value=“transparent” />

<param name=“quality” value=“high” />

<embed width=“宽度” height=“高度” type=“文件类型” pluginspage=“下载地址”></embed>

</object>

 

下面是播放Flash的代码

<object classid="clsid😀27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">

  <param name="movie" value="images/banner.swf">

  <param name="quality" value="high">

  <param name="wmode" value="transparent">

  <embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>

</ object>

 

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/164.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2015年10月13日 11:57
下一篇 2015年10月14日 10:19

相关推荐

  • 我的php学习第二天之HTML篇

    昨日回顾 服务器软件:Apache、IIS 浏览器是一个翻译官,是一个解释器。浏览器可以翻译有HTML、CSS、JavaScript。 服务器端脚本程序:PHP、 .net、JSP、c#等 .php文件要由PHP脚本引擎来进行处理。     ...

    2015年10月9日 html自学教程
    0242
  • 如何通过HTML代码优化提高SEO的效果。

    很多网站,不管我们怎么努力,不管是内链还是外链都做得很好,但是网站排名与否,让很多站长很苦恼!这到底是为什么?网站上的Html代码可能是错误的,因为对于许多程序员来说,他们经常认为可以在IE中正常显示的...

    2023年3月2日
    06
  • 2019年Web前端开发的新趋势有哪些。

    随着互联网的发展,想要从事IT的人才也不断增多,HTML5前端就是个很好的选择,除了目前浏览器、服务器、移动端上的应用开发技术变革和探索外,未来Web前端也会出现新的应用场景。例如VR、物联网Web化、Web人工智...

    2022年7月4日
    0138
  • HTML简介与网页组成基本元素

    1、HTML简介: HTML,Hyper Texture Markup Language,超文本标记语言。在计算机中以.html、.htm作为扩展名,浏览器可以访问在页面。简单来说就是网页。   2、HTML语法: 语法非常简洁、比较松散,以相应的...

    2017年5月19日
    0270
  • 我来分享Html怎么写可以提升SEO优化效果。

      Html标签的优化其实是在优化领域中属于基础性的问题,但是正是如此很多优化工作者并没有对此加以关注,导致了自己在网站优化时,导致优化的效果不够明显。其实通过合理的构建Html标签能够让百度蜘蛛迅速获得有...

    2023年6月28日
    02
  • HTML5前端的7个框架。

    随着互联网行业的快速发展,越来越多的年轻人选择互联网行业就业。HTML5是一个简单易上手非常实用的技能,专攻于HTML的开发人员的薪资也非常的不错。想要学习HTML的朋友,推吧推吧在这里分享7个常用的框架给大家...

    2022年7月4日
    0338
  • 页面优化包括哪些?HTML代码、CSS样式、JS、图片都是影响排名的要点。

    SEO如何做网站页面优化?网页优化包含了大量的内容,包括Html代码、CSS样式、JS、图片等。从页面优化的角度来看,针对不同的web资源,优化方法是不同的。接下来一起看看吧。 首先,网站管理员应根据不同的页面标...

    2023年2月20日
    01
  • 网站访问请求相应的流程及服务器搭建

    一、通常访问的网站是保存在远程的服务器还是本地电脑,你是怎么判断的? 保存在远程的服务器,判断的标准和依据在网络是否连通的情况下能否正常访问。 二、什么叫服务器? 一台运行在网络上有着专门的用途计算机...

    2017年5月17日
    0330

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息