本讲大纲：
1、HTML的基本概念
2、HTML发展史
3、HTML的基本结构
4、HTML的编写方法
5、使用浏览器浏览HTML网页
1、HTML的基本概念
HTML（Hyper Text Markup Language超文本标识语言）
- 是一种用来制作超文本文档的简单标记语言。
2024年10月25日
HTML（Hyper Text Markup Language超文本标识语言）
2024年10月25日
做过Web开发的前端人员都很清楚，传统的页面布局基于盒子模型，对于一些伸缩性的布局，处理起来很麻烦。
Flexbox(弹性盒子)是CSS3中新加的一种布局模式，相比传统浮动模式来说，更加简单易用。在移动端浏览器的支持几乎是没题的。
今天小编将用GIF的形式给大家介绍，希望大家能快速掌握。
Display: Flex
如上图所示，每个色块div的默认属性都是block，每个色块都会独占一行。block——此属性将显示为块级元素，此元素前后会带有换行符。
2024年10月25日
上篇文章主要介绍了CSS样式更改篇中的框模型、定位、浮动、溢出基础知识，这篇文章主要分享CSS样式更改中的裁剪、Z-Index、清除、改变元素的特性基础知识，一起来看看吧。
对元素某块区域就行剪切
2024年10月25日
HTML DOM 节点
在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:
文档是一个文档。
所有的HTML元素都是元素节点。
所有 HTML 属性都是属性节点。
文本插入到 HTML 元素是文本节点。are text nodes。
2024年10月25日
在出里文字比较多的网页，文字对齐其中采用的两端对齐，两端对齐的方法有三种方法，如下：
1. 使用text-align:justify
text-align:justify 属性是全兼容的，使用它实现两端对齐，需要注意在模块之间添加[空格/换行符/制表符]才能起作用，同样，实现文本对齐也是需要在字与字之间添加[空格/换行符/制表符]才能起作用
/*
说明：
1.IE中要实现块内单行两端对齐需要使用其私有属性text-align-last:justify配合，text-align-last 要生效，必须先定义text-align 为justify
2024年10月25日
从HTML文本中移除所有HTML标记并提取纯文本是我们经常需要使用的文本内容处理方式，比如搜索引擎、网站爬虫或者本地文档检索系统需要提取网页或HTML文档的实际内容进行索引。通过去除HTML标签，可以专注于实际的文字信息，提高搜索结果的相关性和准确性。在新闻聚合应用或社交媒体平台上展示网页链接的摘要时，通常会提取并显示纯文本内容以提供简洁的预览。对于视觉障碍人士使用的辅助技术如屏幕阅读器，它们无法解析复杂的HTML结构，因此需要提取纯文本以便朗读给用户。所以今天给大家分享一个使用正则表达式移除所有的Html标记的方法，供有需要的朋友们参考：
2024年10月25日
实例
文档中的一个区域将显示为蓝色：
<divstyle="color:#0000FF"><h3>这是一个在 div 元素中的标题。</h3><p>这是一个在 div 元素中的文本。</p></div>
浏览器支持
所有主流浏览器都支持 <div> 标签。
2024年10月25日
在上一遍《零基础学习HTML换行符段落标题水平线文本格式化字体链接锚点》文章中已经介绍了HTML入门的上篇，现在继续来学习相关知识。
一、图像
<img src="http://www.haook.cn" width="100" height="100" alt="替代文字" /> 属性说明
src 定义图像的地址
alt 定义图像的替代文本
2024年10月25日
为什么要将HTML标签相关的字符串格式化？
HTML中的表单是收集用户数据提交给服务器的主要途径，如果处理不会被黑客利用成为攻击服务器的入口。例如在用户发布文章时，文章如果包括HTML标记或者JavaScript页面转向的代码，如果直接输出的话会使页面布局发生改变。这些代码不做处理会被浏览器理解成有效代码去解释。所以在php中，对用户提交的数据内容一定要先处理。我们可以用PHP中HTML相关的字符串格式化函数，有效控制HTML文本输出。
2024年10月25日
Dark Reader for Safari 版是一款专为Safari浏览器设计的暗黑模式插件，您可以应用到所有网页或者个别网页，只需按下Dark Reader for Safari 工具栏按钮就可以轻松改变模式。下载：