HTML标记大全：布局、字体与更多

需积分: 3 75 浏览量更新于2024-09-10 收藏 95KB DOC 举报

"这篇资源是关于HTML标记的大全，涵盖了HTML文档的基本结构和常见的文本样式控制标记，旨在帮助读者精通HTML的基本用法。" 在HTML（HyperText Markup Language）中，标记是构成网页内容和结构的基本元素。这些标记定义了网页的各个部分以及元素的外观和行为。以下是一些主要的HTML标记及其详细解释： 1. **文件标记** - `<HTML>`：此标记是HTML文档的根元素，告诉浏览器这是一个HTML文档。 - `<HEAD>`：此标记包含文档的元数据，如字符集、样式表链接、脚本等，但不直接显示在页面上。 - `<TITLE>`：定义文档的标题，显示在浏览器的标签页上。 - `<BODY>`：包含网页的可见内容，如文本、图像、链接等。 2. **排版标记** - `<P>`：定义段落，每个段落之间会自动添加一定的间距。 - `<BR>`：用于强制换行，将内容移动到下一行。 - `<HR>`：创建一条水平线，常用于分隔内容。 - `<CENTER>`：使内容居中对齐。 - `<PRE>`：保留文本的原始格式，包括空格和换行。 - `<DIV>`：可调整大小和位置的容器，用于布局和分组其他元素。 - `<NOBR>`：防止文本因过长而自动换行。 - `<WBR>`：建议在指定位置允许单词折行，但不强制。 3. **字体标记** - `<STRONG>` 和 `<B>`：用于加粗文本，`<STRONG>`强调语义，`<B>`仅改变样式。 - `<EM>` 和 `<I>`：用于斜体文本，`<EM>`强调语义，`<I>`仅改变样式。 - `<TT>`：呈现类似打字机的等宽字体。 - `<U>`：在文本下方添加下划线。 - `<H1>` 至 `<H6>`：定义不同级别的标题，级别越高，字体越大，重要性越强。 - `<FONT>`：设定字体、大小和颜色，但在HTML5中不推荐使用，应优先使用CSS。 - `<BASEFONT>`：设定文档的默认字体属性，已被废弃。 - `<BIG>` 和 `<SMALL>`：分别用于增大和减小字体大小。 - `<STRIKE>`：在文本上添加删除线，表示已删除或过时的信息。 - `<CODE>`：表示代码片段，通常呈等宽字体。 - `<KBD>`：模拟用户输入的键盘文字，通常用于表示快捷键或命令。 - `<SAMP>`：用于展示代码示例。以上是HTML中的基础标记，熟练掌握它们是构建有效网页的第一步。在实际开发中，为了保持良好的可维护性和可访问性，建议遵循语义化原则，使用现代HTML5标准提供的标记，并结合CSS来控制样式。

精通 HTML 之标记大整理

标记

译名或意义作用备注

文件标记

<HTML>

文件声明让浏览器知道这是 HTML 文件

过滤

<HEAD>

开头提供文件整体资讯

<TITLE>

标题定义文件标题，将显示于浏览顶端

<BODY>

本文设计文件格式及内文所在

排版标记

<P>

段落标记为字、画、表格等之间留一空白行

<BR>

换行标记令字、画、表格等显示于下一行

<HR>

水平线插入一条水平线

居中令字、画、表格等显示于中间

<PRE>

预设格式令文件按照原始码的排列方式显示

<DIV>

区隔标记设定字、画、表格等的摆放位置

<NOBR>

不折行令文字不因太长而绕行过滤

<WBR>

建议折行预设折行部位过滤

字体标记

加重语气产生字体加粗 Bold 的效果

<B>

粗体标记产生字体加粗的效果

<EM>

强调标记字体出现斜体效果

<I>

斜体标记字体出现斜体效果

<TT>

打字字体 Courier 字体，字母宽度相同

<U>

加上底线加上底线

<H1>

一级标题标记变粗变大加宽，程度与级数反比

<H2>

二级标题标记将字体变粗变大加宽

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

lpp18393910396

粉丝: 0
资源: 5

HTML标记大全：布局、字体与更多

《HTML5从入门到精通》中文PDF文字版.doc

《Web前端设计基础——HTML5、CSS3、JavaScript》课后答案整理.pdf

HTMLCSSJavaScript网页制作从入门到精通[整理].pdf

html5 从入门到精通

韩顺平PHP从入门到精通笔记_181页-官网整理

韩顺平PHP从入门到精通笔记_196页-官网整理

HTML知识整理、网页制作基础教程 CHM.rar

PHP入门到精通：韩顺平笔记整理

韩顺平PHP入门到精通笔记整理

HTML基础教程：从入门到精通

最新资源