HTML+CSS+JS前端知识整理

HTML
需积分: 9 0 下载量 180 浏览量 更新于2024-09-04 收藏 59KB MD 举报
"html+css+js前端知识整理，包括HTML基本结构、标签、属性和文本格式化等内容。" 本文档是关于HTML、CSS和JavaScript前端开发的基础知识整理，主要聚焦于HTML方面。HTML（HyperText Markup Language）是构建网页内容的基础语言，用于描述网页的结构和内容。 1. HTML基本结构 HTML文档通常以`<!DOCTYPE html>`开头，声明文档类型为HTML5。接着是`<html>`标签，它是整个文档的根元素。`<head>`包含文档元信息，如字符集设置（`<meta charset="UTF-8">`），而`<body>`则包含网页的实际内容。`<title>`标签定义了页面的标题，显示在浏览器的标签页上。 2. HTML标签 - `<h1>`到`<h6>`用于创建标题，数字越大，标题级别越低。 - `<p>`用于创建段落。 - `<br>`或`<br/>`用于插入换行。 - `<hr>`或`<hr/>`用于绘制水平线，常用于分隔文章内容。 3. HTML属性 属性是附加在HTML元素上的信息，通常以名称/值对的形式存在，如`name="value"`。例如，`<h1 align="center">`将标题居中，`<body bgcolor="yellow">`设置背景颜色为黄色。注意，属性值应始终使用双引号包围，除非值本身包含双引号，此时可使用单引号。 4. 文本格式化 HTML提供了多种标签用于格式化文本： - `<b>`粗体文本。 - `<i>`斜体文本。 - `<u>`下划线文本。 - `<strong>`强调文本，通常用于表示关键词。 - `<em>`斜体强调，同样用于突出文本。 - `<del>`删除线文本，表示已删除的内容。 - `<ins>`下划线插入文本，表示新增的内容。 - `<pre>`保留文本格式，如缩进和空格。 5. CSS简介 虽然标题中提到CSS，但在内容中未详细介绍。CSS（Cascading Style Sheets）用于控制网页的样式和布局。通过选择器（如元素名、类或ID）和声明（属性和值），可以改变元素的颜色、大小、位置等外观属性。例如，`.myClass {color: red;}`将所有拥有类`myClass`的元素字体颜色设为红色。 6. JavaScript基础 JavaScript是一种客户端脚本语言，用于交互式网页开发。它可以响应用户操作，更新DOM（Document Object Model）以改变页面内容。例如，`document.getElementById("myElement").innerHTML = "New Content";`将ID为`myElement`的元素的内部HTML替换为“New Content”。 这个整理文档虽然没有详细涵盖CSS和JavaScript，但为初学者提供了HTML的基础知识，为进一步学习网页开发打下了基础。对于那些想学习前端开发的人来说，这是一个不错的起点。

韩顺平html+css+javascript-----div+css笔记

2012-12-07 上传
韩顺平HTML+CSS+JavaScript笔记 - DIV+CSS详解 本笔记主要介绍了DIV+CSS的基本概念和应用，涵盖了DIV的介绍、CSS的基本语法、CSS的分类、使用CSS统一网站风格、使用滤镜等内容。 DIV+CSS是什么？ ----------------...

基于html+css设计的旅游网站源码-网页设计大作业.zip

2023-08-30 上传
基于html+css设计的旅游网站源码-网页设计大作业.zip 基于html+css设计的旅游网站源码-网页设计大作业.zip 基于html+css设计的旅游网站源码-网页设计大作业.zip 基于html+css设计的旅游网站源码-网页设计大作业.zip ...

``` .is-leaf + .el-checkbox .el-checkbox__inner ```如何解释

2024-01-27 上传
这是一个CSS选择器的表达式，用于选择具有以下条件的元素： -leaf`类的元素 - 该元素的下一个兄弟元素是具有`.el-checkbox`类的元素 - `.el-checkbox`元素内部的子元素是`.el-checkbox__inner` 简单来说，这个选择...

Vue3+TS+Vite 引入 postcss-px-to-viewport-8-plugin

2023-12-01 上传
2. 在项目根目录下创建postcss.config.js文件，并添加以下内容： ```javascript const autoprefixer = require('autoprefixer'); const pxtoviewport = require('postcss-px-to-viewport-8-plugin'); module....

springboot,vue前后端分离，前端用到了element-plus，html，css，node.js，数据库是mysql ，用到了mybatis，系统架构图怎么画

2023-05-20 上传
+----------+ +---+-------+ +------+--------------------+------+ | Browser | | Node.js | | MyBatis | +----------+ +-----------+ +--------------------------------+ ``` 在这个示例中，前端代码部署在Nginx...

vite+vue项目怎么使用postcss-px-to-viewport-8-plugin'

2023-12-21 上传
2. 在项目根目录下创建postcss.config.js文件，并在该文件中配置postcss-px-to-viewport-8-plugin插件。示例配置如下： ```javascript module.exports = { plugins: { 'postcss-px-to-viewport-8-plugin': { ...

HTML、CSS、JavaSpring写系统前端技术关系图

2023-05-19 上传
HTML和CSS是前端技术的基础，HTML负责页面结构，CSS负责样式设计。JavaSpring是后端开发框架，一般用于搭建Web应用程序的后端。在系统前端开发中，JavaSpring通常...| HTML CSS JS | +--------------------------+ ```

yepnope({ test : Modernizr.csstransforms, yep: ['../../lib/turn.min.js'], nope: ['../../lib/turn.html4.min.js', 'css/jquery.ui.html4.css', 'css/steve-jobs-html4.css'], both: ['js/steve-jobs.js', 'css/jquery.ui.css', 'css/steve-jobs.css'], complete: loadApp });

2023-07-17 上传
- 如果不支持，加载 `turn.html4.min.js`、`jquery.ui.html4.css` 和 `steve-jobs-html4.css` 文件。 2. 无论是否支持 CSS3 3D 变换，都加载 `steve-jobs.js`、`jquery.ui.css` 和 `steve-jobs.css` 文件。 3. ...

取出css路径为：html body.no-electron.desktop.no-mobile.vsc-initialized div#__nuxt div#__layout div div.pc-layout section.el-container.is-vertical main.el-main div.id-photo div.ICbox4 div.bottom div.fileList div.imgBox div.resImg div.i-image-koutu div.crop-box img图片的链接

2023-07-22 上传
你可以使用JavaScript来提取CSS路径中的图片链接。以下是示例代码： ```javascript // 假设你的图片所在的元素具有如下的CSS路径 var cssPath = 'html body.no-electron.desktop.no-mobile.vsc-initialized div#__...

vue的结构层次、结构层次图以及那句话是引用了哪个文献

2023-06-02 上传
| (HTML/CSS/Javascript) | +------------------+ | | +------------------+ | Template Layer | | (Vue.js) | +------------------+ | | +------------------+ | Model Layer | | (Javascript Data) | +-------...
threecat.up
  • 粉丝: 240
  • 资源: 24
上传资源 快速赚钱

最新资源