多语言展示
当前在线:1166今日阅读:176今日分享:34

html学习总结

一个网页学者对初学静态网页的思考和总结,通过这篇文章可以让许多网页初学者,对学习网页设计带来一定的指引,文中将会提到学习网页设计将要利用到的,和一些简单网页效果的制作,
工具/原料

MyEclipse/Dreamweaver

html基础知识
2

接下来介绍一下常用的双标记,他的语法特点是这样的<标记名称>在两个标记之间,加入你需要体现的内容 标签用于定义文档的头部,它是所有头部元素的容器 文档的标题这样可以显示文档的标题

可以使标记中的图形或文本在水平方向居中显示
创建一个普通的列表
:创建一个有序列表,
创建一个无序列表

......
:把文本以标题方式显示。

分别表示不同字号大小的标记另外还有这个表示链接,表示字体的设置,这个标记间放入网页显示内容,还有是显示表格其他的标签本文就不一一介绍了。

静态网页的大体框架

下面我来展示一个网页的大体模板是什么!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>  这部分一般网页编辑器都会自动生成 ,表示网页显示的格式             文档的标题     这里显示的是文档的标题     这里是文档的搜索关键字这里是网页文档使用的类型这里是对文档的描述也即是你在百度搜索到一个网页在标题下面那些对网站的描述      网页中显示的部分的开始,同时设置了网页背景颜色  

文章的标题

   这里显示的网页文章的标题,同时设置一个锚点,也即是在文章这里设计一个标记,并且,令标记名字为b,这样当点击网页尾部链接便可以回到网页文章标题的位置  
        
  • 打开百度
  •     
  • a herf='谷歌的网址'>打开Google
  •    这里有一个无序列表,用来指引别人打开百度或谷歌,也是无序列表结合链接的应用 
   
这是个水平线可以隔开上下文的内容上下移动的文字这个可以实现上下移动的文字,文字有一个链接,onmouseout这个当鼠标离开,实现开始移动,onmouseover='lk.stop()' 鼠标经过,则移动的文字停止    返回页首这里对应一开始的文档标题锚点链接的名字,所以点击这个链接将回到刚开始标记的位置,href要填写前面锚点标记的名称这里对应了 前面的b,但需在前面加一个#,也即是#b这个文档的结束

实例学习

在看一个实例吧

    这个是一个交互表单的实例   这里引用了一个表格                       这里显示了一个复选框     这里是一个单选框         这里一个上传文件的按钮      这里是一个重置和提交的按钮      

欢迎来留言哦
表示表格的列,并且colspan也即是合并两列的意思
我的姓名               这里显示文本框  请填写姓名     
我的Email            需要提供一个值。格式无效。
我的职业
说话表情体育运动体育运动体育运动体育运动
体育运动体育运动
兴趣爱好
我的留言
添加附件