前端网页手册(1)--基础学习

前端网页手册(1)–基础学习

前言

学习策略

第一步,通读一遍HTML/CSS/JavaScript/PHP教程,了解其主要能够实现什么功能,对其语法有基本的概念;

第二步,再次浏览一遍教程,在这一次的过程中,遇到有意思的功能进行代码的复现,学习HTML或者任何前端知识都需要演练,“所见即所得”!

第三步,随便打开一个网页,F12,查看其网页源码,分析网页的架构;

学习教程

https://www.runoob.com/html/html-tutorial.html

https://www.runoob.com/css/css-syntax.html

https://www.runoob.com/js/js-tutorial.html

https://www.runoob.com/php/php-tutorial.html

第一遍 通读

HTML

  • 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML不是一种编程语言,而是一种标记语言,是一套标记标签。

  • 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。即HTML会忽略原本文字的排版,一切均以标签和属性来定

  • HTML中的元素分为标签和属性。HTML中的标签属性众多,一次性学不过来,刚开始只需要记住基本的,而后查阅即可:附:HTML标签属性大全https://www.runoob.com/tags/html-reference.html

  • CSS 是在HTML4开始使用的,是为了更好的渲染HTML元素而引入的。可以通过以下方式添加到HTML中:内联样式- 在HTML元素中使用"style"属性;内部样式表 -在HTML文档头部 区域使用

前端网页手册(1)--基础学习 详见:https://www.runoob.com/html/html-layouts.html

  • 利用form表单属性可以实现获取用户的输出。定义了提交按钮,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。详见:https://www.runoob.com/html/html-forms.html

  • 利用浏览器框架iframe,可以实现网页的嵌套显示,即一个页面中的部分区域用来显示其他网页的内容,详见:https://www.runoob.com/html/html-iframes.html

  • 利用script脚本,可以实现网页更强的动态性和交互性,常用的脚本语言如JavaScript,它定义了网页的行为,html定义了网页的内容,css定义了网页的布局。学习JavaScript参加:https://www.runoob.com/js/js-tutorial.html

  • XHTML是为了解决HTML的一些不规范编写所衍生出来的,几乎与HTML4同时出现,它强制规定了一些HTML语法的规范性;

CSS

  • CSS 指层叠样式表 (Cascading Style Sheets),它定义如何显示HTML元素;

  • CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明,选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。

  • CSS可以使HTML的表格、列表、链接等属性拥有更多的表现形式;

  • CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。详见:https://www.runoob.com/css/css-boxmodel.html

  • 可以利用margin属性,实现markdown博客中的文本行首间距,如:

    xxxx

  • CSS中可以使用分组和嵌套选择器实现特定类别元素的统一样式管理,详见:https://www.runoob.com/css/css-grouping-nesting.html

  • overflow 属性用于控制内容溢出元素框时显示的方式,如利用滑轮滚动显示等等;

  • 有关图片、文字对齐等详细,参考链接:https://www.runoob.com/css/css-align.html

  • 作为标准的HTML基础一个是必须的,常用列表来实现,详见:https://www.runoob.com/css/css-navbar.html

  • 如何设计精美的下拉菜单?并且点击显示?https://www.runoob.com/css/css-dropdowns.html

  • @media媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。详见:https://www.runoob.com/css/css-mediatypes.html

  • 利用CSS可以实现网页布局,详见:https://www.runoob.com/css/css-website-layout.html

PHP

  • PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。它的所有函数见链接:参考手册。自定义函数和内置函数对大小写不敏感;
  • PHP中有四类作用域:local、global、static、parameter。global是全局作用域,如果想在局部函数中使用全局变量,需要使用global关键词声明,parameter是指函数形参。全局变量global其实是指向超级全局变量$GLOBALS数组,其中下标就是变量名。
  • PHP 的真正威力源自于它的函数,提供了超过 1000 个内建的函数,详见参考手册
  • 魔术常量是PHP提供的预定义变量,有八个典型例子:_LINE_当前行号;_FILE_文件路径及文件名;_DIR_文件所在目录(只有路径);_FUNCTION_返回当前函数名;_CLASS_返回当前类型名;_TRAINT_为了实现“多继承”,详见PHP中的trait;_METHOD_返回类的方法名;_NAMESPACE_返回当前命名空间的名称;
  • 命名空间的声明和使用详见命名空间
  • 有关PHP面向对象部分,参见PHP面向对象,说实话,这个部分和C++极其类似。
  • PHP中没有整数除法,另外,由于PHP没有定义变量类型,所以在使用时需要理解变量之间的转换比如字符串到整型,字符串到布尔值等等;
  • 利用 G E T 和 _GET和 G​ET和_POST检索表单中的信息,如获取用户输入;还可以进行表单的验证,详见表单验证,减轻服务器验证的负担而且更快;
  • 有关PHP使用MYSQL的例子详见,PHP_MYSQL;

JavaScript

  • Javascipt也是一个脚本语言,广泛运用于服务器、浏览器。它可以直接写入HTML输出流,实现对事件的反应,改变HTML内容,改变HTML样式(怎么实现?通过获取网页HTML中的属性值,实现对对象的修改);验证输入等等;
  • JavaScript没有打印或输出函数,**只有通过显示的方法来“输出”数据,**如window.alert()弹出警告框;使用documen.write()方法将内容写在HTML文档中;innerHTML写入到HTML元素;console.log()写入到浏览器的控制台。
  • JavaScript中的变量利用var来进行声明和定义,且变量时动态类型;分号;结尾是可选的;
  • 它也是一个面向对象的语言,具有属性和方法,详见对象及属性

(未完待续)

上一篇:阴影 box-shadow属性


下一篇:修改数据库中某字段的值