HTML基础教程：文本、图片与布局控制

需积分: 42 162 浏览量更新于2024-11-27 1 收藏 50KB DOC 举报

HTML是一种标记语言，用于创建和设计网页的结构和内容。在讲解HTML时，文字、图片、表格以及页面布局是核心部分。这里主要聚焦于文字的排版和样式控制。 1. **标题文字**：使用`<h1>`到`<h6>`标签定义标题，从最大字号（h1）到最小字号（h6）。这有助于组织网页内容的层次结构。 2. **字体变化**： - **字体大小**: 使用``调整文字大小，数字越大，字形越大，范围从1到7。 - **字体类型**: ``指定特定字体，如宋体、黑体等。 - **文字颜色**: ``设置文字颜色，其中rrggbb分别代表红、绿、蓝颜色代码，也可以用6位数字代码表示。 - 其他文本样式包括：``显示小字号字，`<big>`显示大字号字，``加粗，``斜体，`<tt>`打字机字体风格，``添加下划线，`<strike>`删除线，``下标字，``上标字，以及`<blink>`实现文字闪烁效果。 3. **换行与分段**：` `用于换行，``标签用于划分段落，通过``可以设置文本的对齐方式，如左对齐、居中或右对齐，且后续文字会继承该对齐方式，直到遇到新的对齐指令或`<hr>`标签。 4. **分隔线**：`<hr>`用于插入水平分割线，可以通过`<hr size=点数>`调整线条粗细，`<hr size=点数或百分比>`控制宽度，`<hr align="#">`指定对齐方式，`<hr color=#rrggbb>`设置颜色，`<hr noshade>`创建实心线条。 5. **布局辅助元素**： - **居中对齐**: 使用`<center>`标签使内容居中。 - **原始样式显示**: `<pre>`标签保留文本的原始格式，常用于展示代码或列表。 - `<body>`标签的属性控制全局样式，如背景颜色（bgcolor）、背景图片（background）、是否固定背景（bgproperties）、文字颜色（text）、链接颜色（link/vlink/alink）。 6. **动态元素**: `<MARQUEE>`标签允许创建滚动文本，通过`scrollAmount`设置移动速度，`direction`控制移动方向。通过以上内容，学习者能够掌握HTML中如何精细地控制文字的呈现形式，以及如何利用这些元素来构建清晰、美观的网页布局。理解并灵活运用这些基础知识，将有助于在实际项目中创建专业级的网页设计。

一、文字

标题文字 ； 为最大字， 为最小字

字体变化 

【】字体大小 ；数字愈大字也愈大

【】指定字型 字体名称

【】文字颜色 

：表红色（）色码

：表绿色（）色码

：表蓝色（ ）色码

 也可用  位颜色代码数字

显示小字体 !!

"显示大字体 

#粗体字 

斜体字 

打字机字体 

$底线   

%删除线 &&

'下标字   

上标字  ( (

文字闪烁效果 &&

换行（也称回车） 

"分段 (

#文字的对齐方向 (号可为 ：表向左对齐（预设值） ：表向中对齐

：表向右对齐 )*(之后的文字都会以所设的对齐方式显示，直到出现另一个 (

改变其对齐方向，遇到或标签时会自动设回预设的向左对齐。

分隔线 

【】分隔线的粗细 点数

【】分隔线的宽度 点数或百分比

【】分隔线对齐方向 

下载后可阅读完整内容，剩余9页未读，立即下载

xw_hit

粉丝: 6
资源: 29

HTML基础教程：文本、图片与布局控制

table做网页html

HTML页面table表格固定行和列

html+table实现注册页面

frame基本布局代码

web设计学校官网页面布局

html框架frame布局如何刷新父级

pyqt frame置于水平布局

设计APP有哪几种页面布局

frameset 页面布局

用Eclipse软件JSP程序设计课程JSP开发环境与HTML页面设计的实验创建一个Web信息系统的主页面，使用框架划分窗口实现页面布局。

最新资源