虽然我对于前端仅仅了解它有html、css、JavaScript,但是,这个前端语言串讲我还是认真的看完了,以下是我的知识总结,希望对于跟我一样的纯小白有所帮助。
HTML:是用于创建网页的标准标记语言。(是标记语言不是编程语言)
在课程中,老师讲到html的基本语法:
标签(元素)Element、文本Text、注释Comment、DTD(Document Type Defination),这四点要记住。
元素由 "开始标签 + 内容 + 结束标签" 构成
注意:有些HTML元素没有内容(如< br > 元素)。这些元素称为空元素。空元素没有结束标签! 并且不区分大小写,但尽量均小写养成好习惯
看上图可以更好的理解。
常用到的标签如下:
<html></html>元素是根元素,它定义了整个 HTML 文档
<head></head>包含所有头部标签元素(往下看有图表示)
<body></body>元素定义文档的正文
<h1></h1>元素定义标题(有123456共六级标题,一级字体最大,六级字体最小)
<p></p>元素定义一个段落
<a href=""></a>超链接
<img src="">用于嵌入 HTML 页面中的图像
<title></title>定义文档的标题
等等
如果发布后还能补充,后面会再补充的
注释: 在html里有些需要注释的地方可以以使用,并且不会显示出来影响阅读
<!-- -->
给你举个例子,下面有一段话是我"学会注释了"(你肯定看不到0.0)
<!Doctype html>仅仅是一个声明,记住就行。
CSS:就像身体的皮肤一样,让外表看起来更好看更吸引人。
css包括字体的大小颜色形状,图片的大小形状等等,我看网上有个冷笑话,完全掌握css的人就像让超人去搬砖一样,可以但没必要。
css分为三种:
- 外部css
- 内部css
- 内联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必须要学会!
................................
欢迎各位大佬补充改正