网页学习第一天

今天是学习编程的第一天吧,毕竟之前学c也是没学多少,现在从头开始。在很多软件中会编辑HTML和css样式可以美化很多,所以打算先简单学一下网页开发。

概览:

目的:学习这个只是为了了解,以后修改样式,运营公众号也更加方便,学习时间也仅限于这短短的假期,学习成本应该算是值得。

学习渠道:https://www.w3school.com.cn/index.html
免费学习网站 (定义与解释均以此为标准)

什么是HTML:

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

什么是CSS:

CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一

什么是JavaScript:
JavaScript 对网页行为进行编程

学习

我的天,好多生词。
先看看HTML的,网页我知道,就是我们上网冲浪打开的东西。
这说明HTML就是对这个东西编程的嘛。

超文本标记语言嘛…我百度一下:
超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
哦…也就是说,以超链接(传送门)和文本为核心的交互方式咯。

那,编程语言和标记语言有什么区别呢?
标记语言,是一种将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。与文本相关的其他信息(包括文本的结构和表示信息等)与原来的文本结合在一起,但是使用标记进行标识。

emmm,也就是说,他和 我学的c语言不一样吗。这里的信息直接包含在代码里面呢!我之前好像看到过一个代码

[em]e10011[/em]仅对你可见

大家可以去尝试一下,在QQ空间发这段代码

里面的文本信息其实是直接在的,而且和c不一样,这里主体是文本,而不是代码,标记是告诉文本怎么变形咯。

标记标签?既然上面都说了HTML是标记语言,文本是各国语言,旁边的标签代码就是属于HTML的部分啦。也就是说,HTML只是一套定义。

好的,了解清楚HTML,让我看看什么是CSS。
英文全称:Cascading Style Sheets让我猜猜,cascading,倾泻的,可能是说代码很多吧。style,样式,应该是说文本的stylesheet,被子,就是说,这个代码像是盖在什么东西上面的被子,决定显示的样子咯。

好的,看看定义,样式定义如何显示HTML,emm就是被子的感觉。
样式表嘛,大概是因为计算机喜欢矩阵??

至于内容与表现的分离,我看了看别人的样例,明白了这是为了便于修改:

HTML的意思大概是这样:

文本内容(这是白色的)

加入CSS后:

颜色:白色
文本内容

一行两行可能没有什么区别,但是如果是这样呢?

文本内容(这是黑色的)
文本内容(这是红色的)
!%#!#%¥#……¥……¥54636543%……%¥#%
6%$##
^%$^$%%$#
%$^%$^%$&
^%&^%&^&
$^^&^%#^%
%^&^%&^%&%^
%*$&*^&%&^%&
%^$*%$&%^&%^&
%^$&%$*%$
文本内容(这是橙色的)@¥……%……%#&……%#
文本内容(这是绿色的)
文本内容(这是蓝色的)
文本内容(这是白色的)
文本内容(这是靛蓝色的)
文本内容(这是鲜红色的)
文本内容(这是灰白色的)
文本内容(这是灰黑色的)&^%&%^$&
$^#%^&%&
%^&%^$&^%$*%
&%^$&^%&#%^
&$%^$^#^&#
&^&%$&
^%#%#@%
%$#@%#@
)*(*&^*
文本内容(这是黄色的)
文本内容(这是青色的)

对比有CSS的:

文本1=red
文本2=blue
文本3=green
文本4=write
...................................
文本内容1
!%#!#%¥#……¥……¥54636543%……%¥#%
6%$##
^%$^$%%$#
%$^%$^%$&
^%&^%&^&
$^^&^%#^%
%^&^%&^%&%^
%*$&*^&%&^%&
%^$*%$&%^&%^&
%^$&%$*%$
文本内容2
@¥……%……%#&……%#
文本内容3
文本内容4
文本内容5
文本内容6
文本内容7
文本内容8
文本内容9
&^%&%^$&
$^#%^&%&
%^&%^$&^%$*%
&%^$&^%&#%^
&$%^$^#^&#
&^&%$&
^%#%#@%
%$#@%#@
)*(*&^*
文本内容10
文本内容11

这样,只需要修改css文件,而不用到代码堆中寻找到文本再
来修改。

样式层叠为一是什么呢?
我到CSDN去翻了下,说到文本被多种样式同时标记时,会新建一个样式表吧。然后按照优先级显示。

前面还讲到,外部样式表能提高效率

怎么提高的呢?
我想,这就是相当与把CSS作为黑箱了,引入到HTML中执行。CSS交给专门负责样式的工作来处理,分工明确吧。

什么是脚本语言呢?

客户端脚本脚本是一种有关因特网浏览器行为的编程。您应该学习 JavaScript,这样才能有能力传递更多的动态网站内容:

JavaScript 是为 HTML 设计者提供的一种的编程工具

HTML 的创作者通常都不是程序员,但是 JavaScript 是一种语法非常简单的脚本语言!几乎任何人都能够把某些 JavaScript 的代码片断放入他们的 HTML 页面中。
JavaScript 可以在HTML页面中放入动态的文本
像这样的一条 JavaScript 语言可以在 HTML 页面中写入可变的文本:document.write(“h1” + name + “/h1”)

JavaScript 能够对事件进行反应

可以把 JavaScript 设置为在某事件执行时发生,比如当页面加载完毕或当用户点击某个 HTML 元素时。

JavaScript 可读取并修改 HTML 元素

JavaScript 能够读取并修改 HTML 元素的内容

JavaScript 可被用来验证数据

可使用 JavaScript 在表单被提交到服务器前对表单数据进行验证,这样可确保服务器进行正确的数据处理。

好吧,一圈看下来,感觉这个就是和交互的东西了,就是说HTML和CSS来显示内容和形式,但是我们甚至有的网页小游戏如何对我们的操作进行反应呢?大概就是靠这种脚本语言咯。

脚本到底是什么东西?其实还是不是很明白。

今天就学到这里吧。

2020-2-15

发布了4 篇原创文章 · 获赞 2 · 访问量 76

猜你喜欢

转载自blog.csdn.net/weixin_45941487/article/details/104332703