HTML之学习笔记(一)简介_html/css_WEB-ITnose
程序员文章站
2022-05-02 16:59:20
...
HTML(HyperText Markup Language超文本标记语言),'超文本'指的是页面不仅可以包含文本信息,还可以包含图片,链接等非文本元素。html与js,jq是共同用来进行网站前端开发的语言,符合XML规范,使用成对标签来进行编程,可以生成由浏览器可直接执行的.html或.htm后缀名的文件。
在网站前端开发过程中,因为浏览器的各种兼容性问题,导致显示的效果会有所偏差,所以在开发过程中常需要用不同的浏览器进行测试。一般测试的浏览器有IE,Chrome,FireFox,Opera和safari,是根据浏览器的内核不同来划分的。
在网站前端开发过程中,因为浏览器的各种兼容性问题,导致显示的效果会有所偏差,所以在开发过程中常需要用不同的浏览器进行测试。一般测试的浏览器有IE,Chrome,FireFox,Opera和safari,是根据浏览器的内核不同来划分的。
开发工具
Notepad++,Sublime,VS各版本,DW等都各具特色。
动态和静态的区别
只用html写出的页面为纯静态页面,和加入js效果的动态页面做区分,使用这两种构成的网站为静态网站(有服务器直接处理,直接返回 给浏览器一个html页面),相对于另一种动态网站(.aspx和.ashx或.php文件,服务器无法直接处理(如http服务器),由IIS(Internet Information Server) 服务器处理,并返回给浏览器)。
html是不区分大小写的,但规范是用小写。由成对的关闭的标签构成,代码框架为head+body,如下:
1 2 3显示标题 4 7 10 11 12 页面显示部分的代码13 14
页面显示效果如下:
html的里面除了标签名,还有便签的属性,如上面的text和type属性,由属性名=“属性值”的形式组成,具体各种标签和属性的使用
可参考http://www.w3cschool.cn/的帮助手册,或参考书籍《html与xhtml权威指南》。
推荐阅读
-
前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR
-
HTML5移动开发学习笔记之Canvas基础
-
HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav
-
HTML5学习笔记之html5与传统html区别
-
HTML5学习笔记之History API
-
前端笔记知识点整合之jQuery(一)加载函数的区别&对象&操作HTML/CSS&动画&选择器
-
新手学Html之JSP简介——入门(一)
-
HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
-
HTML5学习笔记简明版(2):新元素之section,article,aside
-
详解Angular2学习笔记之Html属性绑定