【Web前端开发】《零基础入门学习Web开发》（HTML5&CSS3）第一第二第三节笔记

Ice_in_left · 发表于 2018-12-2 15:09:25

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

第一节内容

1. Web开发是什么？
1.1 Web开发= 前端 + 后端。
1.2 前端就是那些在客户端上的应用，通常指的就是我们的浏览器。最常用于前端开发的技术是 HTML + CSS + JavaScript(三贱客），
前端开发人员通常综合使用这些术进行开发。前端开发就是做一些所见即所得的东西。

1.3 后端开发就是编写那些运行在服务器上的代码，通常来说，这部分的工作需要和数据库打交道，比如读写数据、文件，实现业务逻辑等。

1.4 Web职业开发包含：前端开发，后端开发，数据挖掘，网游开发，网络安全等。

1.5 现在所谓的编程开发，其实大部分时间是在堆砌别人已经实现的功能来创造新功能。
不要去重复造轮子！
2. lorem ipsum
中文翻译过来又叫做"乱数假文”，是指一篇常用于排版设计领域的拉丁文文章，主要的目的为测试文章或文字在不同字型、版型下看起来的效果。

第二节内容

1.历史部分：
1.1Web发展史
1.2HTML发展史
1.3CSS发展史
1.4世界上第一个万维网网页

2.HTML：
html是用来描述网页的一种语言。
HTML指的是超文本标记语言(Hyper Text Markup Language)

3.第一个程序

<!DOCTYPE HTML>
<html>
<head>
<title>第一个程序</title>
</head>
<body>
<h1>Hello world</h1>
<p>I love FishC.com!</p></body>
</html>

复制代码

3.1 <>尖括号括起来的都是标签，标签成对出现。第一个为开始标签，最后的为结束标签。
3.2 开始标签和结束标签中的所有代码都称为html元素。关键字称为元素的名称。
3.3 标签中的文本称为标签的内容。
3.4

<!DOCTYPE HTML>

复制代码

声明标签，表示是用html5写的。告诉编译器用哪种规格解析。
3.5 <html>元素描述整个网页的内容。<head>元素是所有头部元素的容器。<title>网页的标题。
3.6 <body>包含了网页中所有可见的内容。<h1>标题。<P>段落。
3.7 标记语言，写代码的时候写标记，然后解析器根据标记的特性对里面的内容进行解析。

第三节内容
1. demo服务器地址
2. html5速查宝典
3. CSS3速查宝典
4.

<img src="../img/logo.png" alt="鱼C-Logo" width="256px" height="256px" />

复制代码

      alt:当图片显示不出的时候用alt中的文字替换图片。
   img标签里面没有内容，可以称为空标签
   width:宽，height：高
5.    a标签
   <a href="http://bbs.fishc.com" target="">学习中如果遇到不会的问题，可以在鱼C论坛上提问哦</a>
   跳转链接。从一个网页跳转到另一个网页。
   target ：指定在何处打开超链接。
      _blank：在新窗口中打开
      _parent：在当前的父窗口中打开，如果不存在父窗口，此选项的行为方式与 _self 等同
      _self：当前窗口打开（默认）
      _top：在整个窗口中打开
      framename：在指定的框架中打开

账号		自动登录	找回密码
密码			立即注册

[学习笔记] 【Web前端开发】《零基础入门学习Web开发》（HTML5&CSS3）第一第二第三节笔记

马上注册，结交更多好友，享用更多功能^_^