天涯论坛

 找回密码
 立即注册
搜索
查看: 81|回复: 3

前端三剑客 HTML、CSS、JavaScript 入门到上手

[复制链接]

3056

主题

155

回帖

9923万

积分

论坛元老

Rank: 8Rank: 8

积分
99238923
发表于 2024-6-29 14:13:08 | 显示全部楼层 |阅读模式

一. HTML基本运用

HTML:超文本标记语言,是一种用于创建网页的标准标记语言。

HTML 代码是由于 “标签” 形成的整体的 HTML 代码是由于一对 <html> </html> 包裹的<head> </head> 标签是页面的头部,标签中写页面的属性<body> </body> 标签是页面的主体,标签中写的是页面表示的内容<title> </title> 标签中写的是页面的标题

1.HTML 入门实例

<html> <head> <title>第⼀个⻚⾯</title> </head> <body> hello world </body> </html>

这三个标签组成为了一个html的主体,是一个最简单的页面。每一个标签,都分成为了起始标签和结束标签,是成对显现的,标签之间能够嵌套。

整体这些标签就构成为了一个 树形 结构,叫作为 DOM 树(DOM Document Objective Model 文档对象模型)

生成一个默认的页面模板: 输入 !, 并且按 tab,就能够生成一组默认的页面模板。

解释一下这个模板:

<!DOCTYPE html> : 这一行是声明了文档类型,描述了当前文件是 html 文件

<html lang="en"> : 暗示当前网页运用的语言是 english。→ 这儿标记了语言是方便了浏览器自带的翻译功能进行识别。

<head>标签里面放的内容重点是页面的有些属性,和页面展示的内容太大关系。<meta charset="UTF-8">声明咱们这个页面的字符编码是 UTF-8,<tatle> 里面包裹的是浏览器标签页的默认标题。

<body>里面便是页面要展示的内容。

下面就要起始介绍 HTML 详细的语法细节了,值得一提的是,前端这儿触及的 HTML、CSS、JS 这三门语言,然则实质上,仅有 JS 是一个可编程的语言,其他两个都只是功效了页面表示的“信息”,语法规则中不表达“规律”,只是暗示信息。下面介绍的便是构成一个页面上的元素,便是 HTML 语言的主体——标签。

2 HTML 平常标签

① 注释标签

ctrl + / 快捷键能够快速注释/取消注释。
<!-- 我是注释 -->

注释不会表示在界面上,目的是加强代码的可读性。

② 标题标签

标题标签有6个:<h1>...<h6> 数字越大,字体越小




上一篇:前端研发常用哪些工具软件?
下一篇:相关HTML、CSS和Javascript基本指南
回复

使用道具 举报

22

主题

876

回帖

898

积分

高级会员

Rank: 4

积分
898
发表于 2024-9-6 23:15:20 | 显示全部楼层
说得好啊!我在外链论坛打滚这么多年,所谓阅人无数,就算没有见过猪走路,也总明白猪肉是啥味道的。
回复

使用道具 举报

2944

主题

2万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979435
发表于 2024-10-2 23:42:26 | 显示全部楼层
祝福你、祝你幸福、早日实现等。
回复

使用道具 举报

3047

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109044
发表于 2024-11-7 09:49:39 | 显示全部楼层
太棒了、厉害、为你打call、点赞、非常精彩等。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 19:12 , Processed in 0.122123 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.