Web前端第一天-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_64338246/article/details/127576284

什么是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）

练习代码：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>将进酒</title>
       <style type="text/css">
           h1{text-align: left;}
           h4{font-weight: 200; line-height: 2.5em;}
       </style>
   </head>
   <body>
       <h1>将进酒 <font size="5px">君不见黄河之水天上来</font></h1>
       <img src="LiBai.jpg" style="float:left">
       <h4>君不见黄河之水天上来，奔流到海不复回。</br>
           君不见高堂明镜悲白发，朝如青丝暮成雪。</br>
           人生得意须尽欢，莫使金樽空对月。</br>
           天生我材必有用，千金散尽还复来。</br>
           烹羊宰牛且为乐，会须一饮三百杯。</br>
           岑夫子，丹丘生，将进酒，杯莫停。</br>
           与君歌一曲，请君为我倾耳听。</br>
           钟鼓馔玉不足贵，但愿长醉不愿醒。</br>
           古来圣贤皆寂寞，惟有饮者留其名。</br>
           陈王昔时宴平乐，斗酒十千恣欢谑。</br>
           主人何为言少钱，径须沽取对君酌。</br>
           五花马、千金裘，</br>
           呼儿将出换美酒，与尔同销万古愁。
       </h4>
   </body>
</html>