Web前端 第一天

什么是Web前端？

Web前端是由HTML、CSS、JavaScript、JQuery等技术制作的、用于给用户展示的网页。

什么是HTML？

HTML一个是一种描述性文本，浏览器通过这个描述性文本渲染和呈现网页。

本节课所学的标签：

a.常用标签：

   1. head标签中的内容一般是浏览器所需的信息。

   2. charset是meta标签的属性。

   3. 布尔型标签：只要写了就自带效果，比如 checked

   4. 常用字符集：GB2312简体中文，BIG5繁体中文，UTF-8通用字符集，jdk是GB2312的补充。

   5. body标签中一般书写网页的具体内容。

   6.行内标签：只能修饰被包裹的内容，不能直接支持宽高属性

   7.块标签：占满一行的标签，即使内容不够。该标签支持宽高属性。

b.语义化标签

c.多媒体标签

小结：

• HTML的作用：展示文字、声音、图像、动画等。
• HTML的特点：

       a.简单灵活

       b.可扩展性强

       c.平台无关性 

• 运行环境：有浏览器即可（推荐使用谷歌浏览器）
• 开发环境：Hbuilder、Sumblim等（再不济可以使用记事本）

• HTML语法结构：

a.标签通常是由开始标签和结束标签构成，自结束标签除外。

b.标签可以有属性，属性必有值。

c.开始标签和结束标签之间包裹的内容为区域。

d.标签不区分大小写。

补充：

什么是浏览器：浏览器是渲染和呈现网页的软件

网页分类：

静态网页：指在不修改源代码的前提下，无论何时何地去访问都将显示相同内容的网页。（静态网页的后缀通常为：.html，.htm）

动态网页：通过用户提交的信息给网站，从而反馈出页面结果的网页。（动态网页的后缀通常为：.asp，.aspx，.js，.php）

练习代码：

    
        
        
        
    
    
        

将进酒 君不见黄河之水天上来

        
        

君不见黄河之水天上来，奔流到海不复回。

            君不见高堂明镜悲白发，朝如青丝暮成雪。

            人生得意须尽欢，莫使金樽空对月。

            天生我材必有用，千金散尽还复来。

            烹羊宰牛且为乐，会须一饮三百杯。

            岑夫子，丹丘生，将进酒，杯莫停。

            与君歌一曲，请君为我倾耳听。

            钟鼓馔玉不足贵，但愿长醉不愿醒。

            古来圣贤皆寂寞，惟有饮者留其名。

            陈王昔时宴平乐，斗酒十千恣欢谑。

            主人何为言少钱，径须沽取对君酌。

            五花马、千金裘，

            呼儿将出换美酒，与尔同销万古愁。