HTML入门：基础框架解析-优快云博客

本文链接：https://blog.youkuaiyun.com/Veer_c/article/details/103882385

本文介绍了HTML作为超文本标记语言的基础框架，包括HTML的入门概念、C-S和B-S结构的区别，重点讲解了HTML中的一些基本标签如标题、水平线、换行、文本样式、段落、列表、下拉选项及超链接的使用。适合初学者了解HTML网页制作的基本语法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML的基础框架（一）：
https://blog.youkuaiyun.com/Veer_c/article/details/103882385
HTML的基础框架（二）：
https://blog.youkuaiyun.com/Veer_c/article/details/103882684

HTML入门

HTML:超文本标记语言

英语:Hyper Text Markup Language

软件结构分类：
1.C-S结构（Client - Server 客户端-服务器端）
典型应用：飞秋、QQ……
特点：
必须安装特定的客户端程序
服务器软件升级，客户端的软件同步升级！

2.B-S结构（Broswer-Server 浏览器-服务器端）
典型应用：163网站，华育官网，游戏官网……
特点：
不需要特定的客户（只需要浏览器软件）
服务器软件升级，浏览器客户端不需要升级！
结论： java就业班开发的软件，大部分都是基于BS结构的！
网站：服务器端的软件都是基于bs结构的，这个软件俗称叫“网站”。网站是由网页组成。一个网页就是由html页面组成，html是一门网页制作的语言。

html语言
html是第一门网页制作语言，最简单的一门语言。hyperText Markup Language 超文本标记语言。
html语言由标记组成。学习html语言，掌握一些常用的标记即可！
超级文本（写一个简单的超文本演示效果）
文字变色
文字大小变化
显示图片
………
这些超级文本通过标记实现效果的。

基本标签：
1.–html开始标签

//– 文件头（用户在浏览器的主体是看不到的）
</head> 
<body>    --文件体（用户在浏览器的主体看得到）
</body>

2.–html结束标签
head文件头
作用：告诉浏览器如何解释该html页面

<!-- html注释  -->
<!-- 作用：告诉浏览器如何解释该html页面 -->
<!-- 标题 ：在窗口的标题栏看到-->
<!-- 告诉浏览器使用什么码表解释html文件 --> 
<!-- 
    html标签分类：
        有标签体标签：有开始，有结束标签、 <title></title>
        没有标签体标签 ： 也叫空标签 <meat  />
-->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<!-- 关键词：keywords
    搜索引擎： 百度    输入  java培训
    网页的排名  推广 SEO
              SEO优化
            关键词是网页排名的一个因素。
100% 权重  50%  33.3.%  （3-5个合适）
    -->
<meta name="keywords" content="java培训,net培训,php培训" />
<!-- 描述：
        标题
        描述
        标题
        描述
        标题
        描述
-->
<meta name="description" content="这是一家专门做IT职业培训的公司"/>

文本标签(body里面的标签)
标题(h1~h6) align：设置位置
水平线(hr) color：线的颜色
换行(br)
标签规定粗体文本(b)
将文本以斜体显示(i)
将文本以下划线显示(u)
段落§(书写两段小说进行演示)
段落缩进(blockquote)(主要用于解释或者强调)
上下标(sup和sub)(一般用于公式)y=x2 H2O CaCo3
原样输出(pre)(希望网页上的东西和代码里面写的样式完全一样的时候(写一首诗，写一段代码))
marquee:
behavior属性值(alternata:来回滚动 scroll:重复滚动 slide:不重复滚动
bgcolor:字幕背景颜色
direction:设置字幕的滚动方向down right left up

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文本标签</title>
</head>

<body>
<!--标题标签-->
<h1 align="center">标题1</h1>
<h2 align="center">标题2</h2>
<h3 align="center">标题3</h3>
<h4 align="center">标题4</h4>
<h5 align="center">标题5</h5>
<h6 align="center">标题6<