html学习笔记（1）

最新推荐文章于 2025-12-15 13:00:22 发布

原创最新推荐文章于 2025-12-15 13:00:22 发布 · 639 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #web

html笔记专栏收录该内容

2 篇文章

订阅专栏

写在前面

最近开始学习HTML了，一方面为了分享，另一方面主要进行复习和整理，提前祝愿自己坚持下去哈哈哈
另外文章中的一些名词释义我会有中文法文以及英文的标注，如果有不标准或者错误的地方，还请大佬多多纠正O(∩_∩)O

一.什么是html

1.定义及其来源

HTML的全称为超文本标记语言，即Hypertext Markup Language（langage de balisage d’hypertexte）,本质还是一种标记语言（langage de balisage）。标记语言最早出现于作家用打字机将手稿输入打字机时，由于打字机排版能力有限，他们会在页边空白处添加关于大小、方向、布局或字符选择的信息，也就是“标记” 在这里插入图片描述

由于在WYSYWYG文字处理器出现之前，早期计算机文字处理器仍然使用这种内容/形式分离的软件(例如Latex软件)，因此设计师自然地将这个概念应用到网站开发语言

2.发展

到目前位置HTML已经到了HTML5，而每代也都增加了新的功能，例如HTML1是文本（text），到HTML2有了图片（images），HTML3有了图片和视频（image+video），HTML4有了音频（son），而HTML5是增加了矢量图形（SVG）

3.关于.html和.htm

web的扩展名可以进行文件标识，早期进行web工作是在linux系统上，而到了windows系统上遇到了4个字符（html）不兼容的问题，为了解决，则删去了一个字母（ps：感觉好随意哈哈哈）

4.html能干什么

文本超文本多媒体等等等等…

二.HTML

1.基本结构

html主要基本结构有：

<html>
<head>
     <title>这是一个文本</title>
</head>
<body>
     <h1>this is a document</h1>
     <p>c'est un document </p>
</body>
</html>

html

<html>表示从这里开始触发html解释
</html>表示结束

title

title总是放在html,用于更改页面窗口的标题

head,body

分别对应网页的头和身体

2.html元素

body bgcolor

bgcolor 背景颜色

<body bgcolor="颜色代码">
</body>

body text

此处的text 用于设置字体同一颜色

<body text="颜色代码">
</body>

body link vlink alink

link：设置链接颜色
vlink：点击后的颜色
alink：点击时的颜色（用的少）

<body link="#A52A2A" vlink="#0000ff" alink="#00990">
</body>

body background

用于设置背景图片，可以是一个网址，也可以是本地图片地址

<body background="images/图片.jpg">
</body>

前几个综合起来就可以是这样

<body bgcolor="#1E90FF" text="#F8F8FF" link="#A52A2A" vlink="#0000ff" alink="#00990" background="images/图片.jpg">
</body>

B 和 I 以及 U

B：字体加粗
U：字体斜体
I：字体加下横线

<b>hello world</b>
<u>hello world</u>
<i>hello world</i>

当然也可以一起使用

p 和br

p:paragraphe 段落的简写，就是为了写字的
br：用于换行
(注意，br不需要“/”）

<p>c'est un paragraphe</p><br>

font

用于设置字体大小，颜色，风格，也可以用于收集信息（发你邮箱里）

<font face="Comis Sans MS" size="18" color="#181818"></font>
<font method="post" action="mailto:xxxx@qq.com" enctype="text/plain">
</font>

ps:font method里面也可以设置get；font face表示字体风格，风格可以起doc文档里面找上面的字体风格，然后复制粘贴即可

未完待续。。。