天涯论坛

 找回密码
 立即注册
搜索
查看: 75|回复: 4

《HTML入门笔记1》

[复制链接]

2946

主题

2万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979427
发表于 2024-6-30 00:00:11 | 显示全部楼层 |阅读模式

1、HTML是什么?

HTML语言简介

HTML 的全名是“超文本标记语言”(HyperText Markup Language),上个世纪90年代由理学学家李爵士(Tim Berners-Lee)发明。它的最大特点便是支持超链接,点击链接就能够到其他网页,从而构成为了全部互联网。

网页及HTML概述

HTML 是网页运用的语言,定义了网页的结构和内容。浏览器拜访网站,其实便是从服务器下载 HTML 代码,而后渲染出网页。

浏览器的网页研发触及三种技术:HTML、CSS 和 JavaScript

HTML 语言定义网页的结构和内容CSS 样式表定义网页的样式JavaScript 语言定义网页与用户的互动行径

(HTML 语言是网页研发基本,CSS 和 JavaScript 都是基于 HTML 才可生效,即使这两者,HTML 本身运用

其实网页的 HTML 代码便是由许许多多区别的标签(tag)形成。学习 HTML 语言,便是学习各样标签的用法。

2、HTML起手应该怎么写

通知文档类型(告诉浏览器,我要准备写HTML啦!)
<!DOCTYPE html>

2. html标签,lang=en(lang为语言,en可改为zh-CN中文)

<html lang="en">

3. head标签,里面写的内容基本都是看不见的声明内容

<head> ... </head>

4. 文件的字符编码(通常状况需改变,此格式支持更加多语言)

<meta charset="UTF-8">

5. 禁用页面缩放

<meta http-equiv="X-UA-Compatible" content="IE=edge">

6. 告诉IE运用最新内核

<meta name="viewport" content="width=device-width, initial-scale=1.0">

7. 此文档的标题为Document

<title>Document</title>

3、常用的章节标签

标题:h1~h6

文案标题:(以此类推)通常文案,章节都有标题

<h1> ... </h1> //一级标题

<h2> ... </h2> //二级标题

章节:<section> ... </section>

<section>标签暗示一个含有主体的独立部分,一般用在文档里面暗示一个章节,例如<artical>标签里能够包括多个<section>标签,<section>总是多个一块运用

段落:<p> ... </p>

段落文本运用的标签

头部:<header> ... </header>

头部标签叫作页眉标签,<header>标签能够适用在多个场景,既能够暗示全部网页的头部,能够暗示一个文案或一个区块的头部。

脚部:<footer> ... </footer>

<footer>标签暗示网页、文案或章节的尾部,倘若用于整张网页的尾部,就叫作为页尾;通常包括版权信息或其他关联信息。

重点内容:<main> ... </main>

<main>标签通常暗示页面的主题内容,通常一个页面内仅有一个<main>标签

重视:<main>标签是顶层标签,不可安置在<artical>,<header>,<footer>,





上一篇:什么是植脂末?对身体有何危害?
下一篇:啥叫信任?
回复

使用道具 举报

2

主题

419

回帖

4

积分

新手上路

Rank: 1

积分
4
发表于 2024-8-26 06:44:06 | 显示全部楼层
你的话语如春风拂面,温暖了我的心房,真的很感谢。
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-5 08:21:55 | 显示全部楼层
顶楼主,说得太好了!
回复

使用道具 举报

3060

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139056
发表于 2024-9-29 23:13:45 | 显示全部楼层
回顾历史,我们不难发现:无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。
回复

使用道具 举报

3089

主题

2万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098770
发表于 2024-10-10 13:57:05 | 显示全部楼层
楼主果然英明!不得不赞美你一下!
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-22 20:27 , Processed in 0.148757 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.