web客户端编程基础 – HTML、CSS

上一篇:php基础知识

主要参考:https://www.w3school.com.cn

思维导图

思维导图第一版


1、web编程基础-什么是HTML、CSS、Javascript

web网站可以说是互联网的基础。每个网站,可以比喻为一座座房子。宽带网络,就是房子门前的路。url地址,就是房子的门牌标志。HTML代码,就是建造房子的建筑材料(砖头、水泥、钢筋);CSS代码,就是装修房子的装修材料;那么Javascript代码就是这房子的水电了? JS代码则更像是未来世界可以让房子成为变形金刚的智能机器。因此,一些展示“老房子”的浏览器,可能并不支持Javascript。


定义:

HTML(Hyper Text Markup Language),是使用标记标签来描述网页的一种超文本标记语言。

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。HTML定义网页的内容。


CSS(Cascading Style Sheets),指层叠样式表。样式定义如何显示HTML元素,规定网页的布局。


Javascript 则是属于HTML和Web的编程语言,对网页进行编程。


Jquery 是一个Javascript函数库


2、环境配置

参考上一篇:php基础知识,安装-集成环境与编辑器

推荐使用 phpstudy + phpstorm

操作步骤:1、在phpstudy 安装目录下,把代码文件放大到根目录www/ 下。

              2、浏览器直接访问 localhost/index.html即可看到效果。


3、HTML

HTML元素:是从开始标签(start tag)到结束标签(end tag)的所有代码。

例如:

前面这个是开始标签,中间文字是元素内容,后面这个是结束标签


HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。

常用HTML元素属性:

class :规定元素的类名(classname),一个html文件里面多个标签可以拥有相同的类名。

id   :规定元素的唯一 id,一个html文件里面id不能相同。

style :规定元素的行内样式(inline style)


3.1、常用HTML标签:

1、标题:标题(Heading)是通过

-

等标签进行定义的。

定义最大的标题。

定义最小的标题。

2、段落:通过

标签定义。

3、注释标签 用于在 HTML 插入注释。

4、链接:www.yummuu.com 。href 属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。

5、图像:Yummuu 。src 图像源属性,alt替换文本属性。

6、表格标签:

7、列表标签


8、块级元素和内联元素

元素是块级元素,它是可用于组合其他 HTML 元素的容器。

元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。如果与 CSS 一同使用,
元素可用于对大的内容块设置样式属性。

元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 元素进行文档布局不是表格的正确用法。
元素的作用是显示表格化的数据。

元素是内联元素,可用作文本的容器。

元素也没有特定的含义。

当与 CSS 一同使用时, 元素可用于为部分文本设置样式属性。

两者的区别:就是在显示时是否起新行。块级元素会起新行,而内联元素则不会。


9、框架与内联框架:frame,

10、脚本:

你可能感兴趣的:(web客户端编程基础 – HTML、CSS)