使用html制作静态网页

网页主要由三部分组成:分别为结构,表现和行为。

XHTML:可扩展文本标签语言,XHTML是一种基于XML的语言。XHTML是一个扮演者类似HTML角色的XML。 HTML提供了六级标题,分别为

,

字号最大,

最小。

图像类型

优点

缺点

*.jpg

体积小,比较清晰

有损压缩、画面失真

*.gif

支持Internet标准,支持无损耗压缩和透明度

支持有限的透明度,效果不如别的JPG图像

*.bmp

支持24位颜色深度,兼容性好

不支持压缩,容量大

*.png

最新的图像格式,兼有GIF和JPG的优势

部分浏览器不支持

图片标签:标签,这个标签重要属性src,用于指定图片路径;alt,替代文本,当因为网速较慢,或者路径错误等原因导致图像无法显示时将显示该文本信息,width表示图像的宽度,height表示图像的高度。

例如:





图片标签示例


配置信息

此时浏览器效果为

使用html制作静态网页_第1张图片
当图片路径错误时将显示为:

使用html制作静态网页_第2张图片

段落标签:

段落中的文本

,换行
,水平线

超链接语法:链接文本或图像锚链接在名字前面加#

target属性常用的取值有_self和_blank,_self表示在自身窗口中打开超级链接文件,而_blank表示在新窗口中打开目标网页。

超级链接分类

1、页面间链接

2、锚链接

3、功能性链接

首先看锚链接

在要插入锚节点的位置写入

然后在需要跳转到锚节点位置定义超链接

返回锚节点处

特殊符号

字符实体

空格

 ;

大于号

>;

小于号

<;

双引号

&quo;t

版权符号(©)

©;

HTML文档添加注释方法:

常用规范:1、标签名和属性名必须小写。2、HTML标签必须闭合。3、属性值必须用引号括起来,一般情况下建议试用双引号。4、HTML标签必须正确嵌套。5、属性不能简写。6、必须添加文档类型声明。

列表分为三类:无序列表、有序列表、自定义列表

使用html制作静态网页_第3张图片

无序列表语法:                       有序列表标签:

                                     

       

    1. 项目一
    2.                       
    3. 项目一
    4.  

    5. 项目二
    6.                       
    7. 项目一
    8.  

    9. 项目三
    10.                       
    11. 项目一
                                

无序标签使用方法





图片标签示例


  • 苹果
  • 香蕉
  • 橘子
有须标签





图片标签示例


  1. 苹果
  2. 香蕉
  3. 橘子

 表格语法:

使用html制作静态网页_第4张图片

使用表格的示例





商品列表


商品名称 价格 生产日期
海尔洗衣机 1800 2014-8-7
华为手机 1500 2014-8-5

表格跨列:colspan 表格跨行:rowspan





商品列表


商品名称 价格
海尔洗衣机 1800 2014-8-7
华为手机 1500 2014-8-5

表单语法:

method的取值一般为get或post

表单中使用input标签收集用户信息。

type属性表示表单元素的类型,常用的属性值有:

使用html制作静态网页_第5张图片

name属性定义表单元素的名称

value属性指定表单元素的默认值

表单中还可以使用之间。





下拉列表


标签相当于一个容器标签,即
之间相当于一个容器。

你可能感兴趣的:(HTML)