【JavaWeb - 网页编程】一 HTML技术与CSS技术_java前端html技术介绍-CSDN博客

本文链接：https://blog.csdn.net/woailuo8214/article/details/125620334

本文详细介绍了HTML技术与CSS技术的基础知识，包括HTML的简介、标签语法、常用标签，以及CSS的介绍、选择器、常用样式。通过学习，读者可以掌握网页的基本构成、HTML标签的使用和CSS样式设计，为网页开发打下基础。

摘要由CSDN通过智能技术生成

第一章 HTML技术与CSS技术

创作日期：2021-12-19

1.1 网页简述

1.1.1 B/S软件的结构

1.1.2 前端的开发流程

1.1.3 网页的组成部分

页面由三部分内容组成：

内容（结构）：我们在页面中可以看到的数据，使用 HTML 技术来展示

表现：指内容在页面上的展示形式，比如：颜色，布局，大小等等，使用 CSS 技术实现

行为：指的是页面中元素与输入设备交互的响应，使用 JavaScript 技术实现

1.2 HTML技术

1.2.1 HTML简介

Hyper Text Markup Language（超文本标记语言）简称：HTML。HTML通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容如：文字处理，画面安排，图片显示等。

1.2.2 创建HTML页面

创建Web工程：

在Web工程下创建HTML文件：

运行HTML文件：

1.2.3 HTML的书写规范

<!DOCTYPE html><!-- 约束，声明 -->
<html lang="zh_CN"><!-- html标签表示html的开始 lang="zh_CN"表示中文 html标签中一般分为两部分，分别是：head和body -->
<head><!-- 表示头部信息，一般包含三部分内容，title标签，css样式，js代码 -->
    <meta charset="UTF-8"><!-- 表示当前页面使用UTF-8字符集 -->
    <title>标题</title><!-- 表示标题 -->
</head>
<body><!-- body标签是整个html页面显示的主体内容 -->
hello
</body>
</html>

1.2.4 HTML标签的介绍

标签的格式：<标签名>封装的数据</标签名>

标签名大小写不敏感

标签拥有自己的属性

基本属性：呈现大小，颜色，布局等

事件属性：触发事件等

标签分为单标签与多标签：

单标签格式：<标签名/>

双标签格式：<标签名>封装的数据</标签名>

1.2.5 HTML标签的语法

标签不能交叉嵌套：

标签必须正确关闭：

标签属性必须要有值，属性值必须加引号：

注释不能嵌套：

1.3 HTML常用标签介绍

1.3.1 font 字体标签

font 标签是字体标签，它可以用来修饰文本的字体，颜色，大小（尺寸）

color 属性修改颜色

face 属性修改字体

size 属性修改文本大小

b 标签是字体加粗标签

需求：在网页上显示 "我是字体" 标签，并修改字体为宋体，颜色为红色

<!-- 需求：在网页上显示 "我是字体标签" ，并修改字体为 宋体，颜色为红色，大小为7 -->
<body>
<font face="宋体" color="red" size="7"><b>我是字体标签</b></font>
</body>

1.3.2 特殊字符

常用的特殊字符：

&