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

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

第一节内容

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:在指定的框架中打开

页: [1]
查看完整版本: 【Web前端开发】《零基础入门学习Web开发》(HTML5&CSS3)第一第二第三节笔记