HTML基础知识:文字与链接样式控制

需积分: 9 1 下载量 21 浏览量 更新于2024-10-02 收藏 56KB DOC 举报
“HTML语法.帮你快速掌握html” HTML(HyperText Markup Language)是一种标记语言,用于创建网页内容和结构。本资源主要介绍了HTML中的一些基本元素,帮助初学者快速掌握文字控制、链接、图片处理以及页面布局等核心概念。 1. **文字控制**: - **文字加粗**:使用`<b>`标签可以将文字加粗,例如`<b>文字</b>`。 - **文字颜色**:`<FONT>`标签可以改变文字颜色,如`<FONT color=#ffffff>文字</FONT>`,颜色值可以是十六进制或英文名称。 - **文字大小**:通过设置`<FONT>`标签的`FONT-SIZE`属性来调整文字大小,例如`<FONT style="FONT-SIZE: 20px">文字</FONT>`。 - **文字字体**:使用`<FONT>`标签的`FONT-FAMILY`属性设定字体,如`<FONT style="FONT-FAMILY: 黑体">文字</FONT>`。 - **文字上标**:使用`<sup>`标签创建上标,如`<sup>上标</sup>`。 - **文字下标**:同样使用`<sub>`标签创建下标,如`<sub>下标</sub>`。注意,描述中的例子中误用了`<sup>`标签两次。 2. **超链接**: - **文字超链接**:`<A>`标签定义超链接,`href`属性指定链接地址,如`<A href="http://www.nhaoji.com/">文字</A>`。 - **新窗口打开**:添加`target="_blank"`属性可以使链接在新窗口中打开,如`<A href="http://www.nhaoji.com/" target="_blank">文字</A>`。 3. **页面布局**: - **文字对齐**:使用`<P>`标签的`align`属性控制段落对齐,如`<P align=center>内容</p>`(居中)、`<P align=left>内容</p>`(居左)、`<P align=right>内容</p>`(居右)。 - **居中命令**:`<center>`标签可使内容居中,但已不推荐在现代HTML中使用,建议使用CSS替代。 - **背景颜色**:通过`<body>`标签的`bgcolor`属性设置页面背景颜色,如`<body bgcolor="颜色代码">`。 - **空格与换行**:`&nbsp;`表示空格,`<br>`用于换行,`<HR>`标签插入水平线。 - **版权符号**:`©`可以通过`&copy;`实体引用实现,如`&copy;`(去除`&`后)。 - **注释**:HTML中的注释使用`<!-- -->`包裹,如`<!-- 这里的文字,不会被显示,是代码作者注释用的 -->`。 4. **图片控制**: - **图片插入**:使用`<IMG>`标签插入图片,`src`属性指定图片URL,如`<IMG src="http://www.nhaoji.com/3.gif">`。 - **图片大小**:通过`width`和`height`属性设定图片尺寸,如`<img src=http://www.nhaoji.com/logo.gif width=270 height=129>`。 - **图片链接**:结合`<A>`标签,使图片具有链接功能,如`<a href="http://www.nhaoji.com/"><img src="http://www.nhaoji.com/logo.gif" border="0"></a>`。 - **背景图片**:在`<body>`标签中设置`background`属性,如`<body topmargin="1" background="images/bg.jpg">`,让图片作为页面背景。 了解并熟练运用这些基本HTML元素是创建静态网页的基础。随着学习的深入,还可以探索更复杂的布局、交互以及动态效果,通过CSS(Cascading Style Sheets)和JavaScript增强网页的表现力和交互性。同时,现代前端开发通常使用框架(如Bootstrap)和预处理器(如Sass、Less)来简化和优化HTML、CSS和JavaScript的编写。