Chinaunix首页 | 论坛 | 博客
  • 博客访问: 187806
  • 博文数量: 34
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 183
  • 用 户 组: 普通用户
  • 注册时间: 2013-11-21 09:49
个人简介

我会用牵强的微笑,活出无人能比的骄傲

文章分类

全部博文(34)

文章存档

2016年(3)

2015年(5)

2014年(25)

2013年(1)

分类: HTML5

2015-03-30 09:46:39

网页制作

完整的HTML格式

  文档性质

   

       

  

   

 

 

用记事本打出:(文件存为html类型)

这是我的第一个网页

这是我的第二个网页

     

--h7   标题,h1最大,h7最小

                               

 段落,自动回车并空一行

这是1937
 

字体颜色

          #224488  蓝色

   

   字体大小(Size值可以取7号)

如果想让字体更大,(70像素)

< font face="叶根友毛笔行书"> 字体类型

    这是1995年  
74

   

 床前明月光, 
         空格


                          
  水平线

 

 疑是地上霜, 
      
回车换行

                            -----  倾斜

                          ----- 字体加粗

 

 举头望明月, 

 低头思故乡。 

 

    

                         加下划线

自古英雄出少年。

 

u  符号实体


****************

版权符号 ©     符号  


当我们在网页中有一些特殊字符时,可以考虑使用字符实体

u 页面

背景色彩和文字色彩

格式:

      Bgcolor   背景色彩

      Text     非可链接文字的色彩

      Link     可链接文字的色彩

      Alink    正被点击的可链接文字的色彩

      Vlink    已经点击(访问)过的可链接文字的色彩


hello,中人!

连接到sohu

 

超链接

格式:地址”> - -

案例

连接到a.html   

跳转到百度

跳转到搜狐

进入图片

进入网页

联系管理员

无论是文字,图片,水平线,都可以加上超链接

 

标尺线


粗细


没有阴影


宽度


#=left, right

 

 

 

u HTML图像元素

格式:

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      

 

案例

(点击图片可进入超链接)

这是一朵花

                                           (支持gif动态)


 

语句配图

<床前明月光>

 

u HTML表格元素

l  在以前对网页布局要求不高的情况下,使用table布局(即使用表格来显示数据,同时用于布局)

 

快速入门:


 

定义表行

定义表元(列)

定义表头(字体加粗)

案例:

 

 


 

 

 

 

菜谱
素菜 芹菜茄子 花椒扁豆
小炒韭菜 白豆腐
荤菜 清蒸鲤鱼 京酱肉丝
鱼香肉丝 小炒肉

HTML列表

 

l  html列表-无序列表 

     

    格式:

         ul的含义是Unorder List没有排序的列表

    • 列表内容

    案例:


            ?
        方形)/”circle”(空心圆)/”disc”(实心圆)>

      • 英雄
      •    

                                   (嵌套进去)

             

        • 孙悟空
        •       

             

        • 猪八戒
        •    

      • 英雄
      • 英雄

       

      l  html列表-有序列表  

           

        格式:

              ol指Order List有排序的列表

          ? (type指定用什么来显示,start表示从第几位开始计算)

                  

        1. 列表内容
        2.         

           案例:


              

          1. 宋江
          2. 卢俊义
          3. 吴用

          l  html列表-框架(frameset)  (主要用于分割)

           

          格式:

           rows=”各窗口百分比”>

           

          案例:

          代码:

          ?  Frameset.html用于包含其他页面

          ?该页面不能有bodybody

           

          ?  b.html

          周杰伦

          齐秦

          ? target属性值有四个

          _blank:表示打开一个全新的页面

          _self:替换本页面

          _top:

          _parent:

          *还有一个就是在target值中直接写对应的那个框架

           

          ?  c.html

          歌词大全

           

           

           

           

           

          DL(Defined List定义列表)  DT(title) 和DD(Description描述的内容) 定义列表 (常常用来表达剧本对话或聊天)

           

           

           

           

          Html表单

          l  表单----用于处理用户输入信息,可以输入文字,可以填入密码,可进行选择

          (常见输入框、单选框、复选框、文本域、密码框、上传文件)

           

          action=处理动作(一般是一个动态的php程序)

          method=*,*代表get 或者post(下载或上传)

           

          格式:

           

          案例:


          登陆页面

           

          <1--method方法制定提交数据的方式,常用:get/post-->

          用户名:

          密 码:

           

           

           

           

           

           

           

           

                              

          l  单选框


          性别:

          男生

          女生

           

          l  复选框checkbox


          你有什么车:

          自行车

          汽车

          越野车

           

          l  下拉框


          请选择出生地:

          l  文本域



           

          l  文件上传


          上传文件

           

           

           

           

           

           

           

          多媒体页面

          案例:

            可暂停,可全屏,可增减音量

          多媒体

            在网页中插入视频

           

          u  Iframe  浮动窗口(画中画效果)

          有时我们需要,在一个含有的页面嵌入另外一个页面,形成画中画的效果

           

          hello

          target=”iframe1”>连接到taobao
          嵌入淘宝超链接