前端语言串讲 | 青训营

85 阅读3分钟

虽然我对于前端仅仅了解它有html、css、JavaScript,但是,这个前端语言串讲我还是认真的看完了,以下是我的知识总结,希望对于跟我一样的纯小白有所帮助。

HTML:是用于创建网页的标准标记语言。(是标记语言不是编程语言)

image.png

在课程中,老师讲到html的基本语法:

标签(元素)Element、文本Text、注释Comment、DTD(Document Type Defination),这四点要记住。

元素由 "开始标签 + 内容 + 结束标签" 构成

注意:有些HTML元素没有内容(如< br > 元素)。这些元素称为空元素。空元素没有结束标签! 并且不区分大小写,但尽量均小写养成好习惯

image.png

看上图可以更好的理解。

常用到的标签如下:

<html></html>元素是根元素,它定义了整个 HTML 文档
<head></head>包含所有头部标签元素(往下看有图表示)
<body></body>元素定义文档的正文
<h1></h1>元素定义标题(有123456共六级标题,一级字体最大,六级字体最小)
<p></p>元素定义一个段落
<a href=""></a>超链接
<img src="">用于嵌入 HTML 页面中的图像
<title></title>定义文档的标题
等等

如果发布后还能补充,后面会再补充的

image.png

注释: 在html里有些需要注释的地方可以以使用,并且不会显示出来影响阅读

<!-- --> 给你举个例子,下面有一段话是我"学会注释了"(你肯定看不到0.0)

<!Doctype html>仅仅是一个声明,记住就行。


CSS:就像身体的皮肤一样,让外表看起来更好看更吸引人。

css包括字体的大小颜色形状,图片的大小形状等等,我看网上有个冷笑话,完全掌握css的人就像让超人去搬砖一样,可以但没必要。

css分为三种:

  1. 外部css
  2. 内部css
  3. 内联css

外部css:

带有一个 “外部样式表”,您可以通过更改来更改整个网站的外观 只需一个文件!每个 HTML 页都必须包含对内部外部样式表文件的引用 <链接>元素,位于头部部分内。
外部样式表可以在任何文本编辑器中编写,并且必须使用 .css 扩展名保存。外部.css文件不应包含任何 HTML 标记。

在link标签之内的

eg:

<!DOCTYPE html>  
<html>  
<head>  
<link rel="" href="">  
</head>  
<body>    
<h1>0.0</h1>  
<p>0.0</p>  
</body>  
</html>

内部css:

内部样式在头部内部的元素内定义部分。(这种是只能定这一个页面,并且更改范围很大)

在style标签之间的

eg:

<!DOCTYPE html>  
<html>  
<head>  
<style>  
body {    }    
h1 {    }  
</style>  
</head>  
<body>   
<h1>0.0</h1>  
<p>0.0</p>    
</body>  
</html>

内联css:

内联样式可用于为单个元素应用唯一样式。要使用内联样式,将样式属性添加到相关元素。style 属性可以包含任何 CSS 属性。(相比内部css它的更改更方便,不会影响到其他元素)

eg:

<!DOCTYPE html>  
<html>  
<body>   
<h1 style="color:blue;">0.0</h1>  
<p style="color:red;">0.0</p>    
</body>  
</html>

在标签里面


JavaScript 是所有 Web 开发人员必须学习的 3 种语言之一:

1. HTML定义网页内容

2. CSS指定网页布局

3. JavaScript 对网页的行为进行编程 所以JavaScript必须要学会!

................................

欢迎各位大佬补充改正