你的位置:首页 > 网页设计

[网页设计]HTML之学习笔记(一)简介


  HTML(HyperText Markup Language超文本标记语言),'超文本'指的是页面不仅可以包含文本信息,还可以包含图片,链接等非文本元素。html与js,jq是共同用来进行网站前端开发的语言,符合规范,使用成对标签来进行编程,可以生成由浏览器可直接执行.html.htm后缀名的文件。
  在网站前端开发过程中,因为浏览器的各种兼容性问题,导致显示的效果会有所偏差,所以在开发过程中常需要用不同的浏览器进行测试。一般测试的浏览器有IE,Chrome,FireFox,Operasafari,是根据浏览器的内核不同来划分的。


 

  开发工具
  Notepad++,Sublime,VS各版本,DW等都各具特色。


 

    动态和静态的区别
只用html写出的页面为纯静态页面,和加入js效果的动态页面做区分,使用这两种构成的网站为静态网站(有服务器直接处理,直接返回 给浏览器一个html页面),相对于另一种动态网站(.aspx和.ashx或.php文件,服务器无法直接处理(如http服务器),由IISInternet Information Server) 服务器处理,并返回给浏览器)。
  html是不区分大小写的,但规范是用小写。由成对的关闭的标签构成,代码框架为head+body,如下:

 

 1   <html> 2     <head> 3       <title>显示标题</title> 4       <script type="text/css"> 5         <!--添加页面控制脚本 --> 6       </script> 7       <script type="text/javascript"> 8         <!--添加js脚本 --> 9       </script>10     </head>11     <body text="green">12       页面显示部分的代码13     </body>14   </html>

 

页面显示效果如下:




  html的<>里面除了标签名,还有便签的属性,如上面的text和type属性,由属性名=“属性值”的形式组成,具体各种标签和属性的使用
可参考http://www.w3cschool.cn/的帮助手册,或参考书籍《html与xhtml权威指南》。