HTML、CSS学习心得体会(思维导图显示不了。。。)

前言

  • HTML——网页结构基石

HTML 指的是超文本标记语言(Hyper Text Markup Language)它是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言,其内含有一套如<html>、<body>和<p>等标记标签。它通过一系列的标签来告诉浏览器如何显示网页上的内容,如文本、图片、链接、表格、列表等。它对创建网页起着定海神针般的作用,故而称作网页的结构框架基石。

  • CSS——网页美容师

CSS 层叠样式表 (Cascading Style Sheets ) 的简称,有时我们也会称之为 CSS 样式表级联样式表,它也是一种标记语言

CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式

CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮,让页面布局更简单

  • Web标准简介

Web 标准是由 W3C(万维网联盟)组织和其他标准化组织制定的一系列标准的集合

一、为什么需要Web标准

遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:

1. 让 Web 的发展前景更广阔。

2. 内容能被更广泛的设备访问。

3. 更容易被搜寻引擎搜索。

4. 降低网站流量费用。

5. 使网站更易于维护。

6. 提高页面浏览速度。

二、Web 标准的构成

主要包括结构表现行为三个方面。

标准

说明

结构

结构用于对网页元素进行整理和分类,现阶段主要学的是 HTML。

表现

表现用于设置网页元素的版式、颜色大小等外观样式,主要指的是 CSS。

行为

行为是指网页模型的定义及交互的编写,现阶段主要学的是 JavaScript。

Web 标准提出的最佳体验方案:结构、样式、行为相分离

简单理解:结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中,最终可制作出可交互的动态网页。

HTML知识总概

一、思维导图

二、常用标签

CSS知识总概(未完待续)

结语


HTML、CSS学习心得体会(思维导图显示不了。。。)
http://localhost:8090//archives/html-cssxue-xi-xin-de
作者
杨永达
发布于
2024年09月30日
许可协议