前端语言串讲 | 青训营笔记

223 阅读2分钟

今天的课程介绍的是的前端语言三件套,分别指 HTML、CSS、Javascript,三者结合构成一个系统它们是构建网页的基本组成部分。 先分别简单介绍三件套的的功能 HTML HTML是一种标记语言,用于创建网页结构和内容。HTML由标签(tag)和文本组成,标签用于表示文本的不同部分,例如标题、段落、链接等。以下是HTML的一些常见的标签:

html:定义HTML文档

head:定义文档的头部

title:定义文档的标题

body:定义文档的主体

h1-h6:定义标题

p:定义段落

a:定义链接

img:定义图像

ul:定义无序列表 ol:定义有序列表

CSS

CSS是一种样式表语言,用于控制网页的外观和布局。CSS可以通过HTML中的class或id属性来选择元素,并设置这些元素的样式。以下是CSS的一些常见样式属性:

color:设置字体颜色

background-color:设置背景颜色

font-size:设置字体大小

font-family:设置字体类型

text-align:设置文本对齐方式

margin:设置元素的外边距

padding:设置元素的内边距

border:设置元素的边框样式 JavaScript

JavaScript是一种脚本语言,用于控制网页的动态行为和交互。JavaScript可以通过HTML的事件来触发特定的行为,例如鼠标点击、鼠标移动等。以下是JavaScript的一些常见语法:

var:定义变量

if、else:条件语句

for、while:循环语句

function:定义函数

document.getElementById():获取HTML元素

element.addEventListener():添加事件监听器

html,css,javascript的编译运行

ef7504d6-aae1-4534-ad14-125473394ceb.jpeg 课程拓展:web风靡的原因

image.png 课程总结

img_v2_0956f248-761e-496e-a045-5fc24125685g.jpg

本章课程学习心得 学习HTML、CSS和JavaScript是开发网站和网页设计的必要基础,这三种技术应用广泛。在学习的过程中,我深刻认识到它们的强大和灵活性,可以实现各种效果和交互体验。 HTML的学习让我认识到网页结构和内容的重要性,了解HTML标签的使用规范和语义化的重要性。CSS的学习让我发现掌握好CSS可以让网页变得更美观、易读,并提供更好的用户体验。JavaScript的学习让我感受到它的强大功能和灵活性,也让我意识到良好的代码组织和编写规范的重要性。