HTML入门初学篇(一)
内容介绍
- 了解HTML特殊符号
- 熟悉标题标签
- 熟悉换行标签
- 掌握横线标签
- 掌握段落标签
- 掌握图片标签
标题标签
HTML提供了六级标题,分别是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,其中<h1>字号最大,<h6>字号最小。标题在网页中独占一行,并且以粗体显示。
<h1>音乐节</h1>
<h2>主要形式</h2>
<h2>演出形式</h2>
<h2>著名音乐节</h2>
<h3>巴斯音乐节</h3>
<h3>亚杰创业音乐节</h3>
<h3>克什克腾草原音乐节</h3>
<h3>“恒大星光”音乐节/h3>
段落标签
使用格式: <p>[文章段落]</p>
拓展:
align属性可用于设置段落的对齐方式,可以设置为left(左对齐),center(居中),right(右对齐)。 fontsize属性可用于设置字体大小 color设置字体颜色
<p>文本内容</p>
横线标签
使用格式: <hr />
在网页中,有时需要用一根横线对网页内容进行分隔,这时候就需要使用<hr>标签.
width |
用于设置横线的长度,设置长度时既可以用占网页的宽度的百分比,也可以用具体数字来固定 横线长度,单位为像素。 |
size |
用于设置横线的粗细,以像素(px)为单位。 |
align |
用于设置段落的对齐方式,可以设置为left(左对齐),center(居中),right(右对齐)。 |
color |
属性用于横线的颜色。 |
特殊符号
在网页中,一些字符已经被HTML使用,如“<”、“>”、“””(英文双引号)等等,所以不能在网页代码中直接使用它们。如果我们需要在网页中显示这些特殊符号,就需要使用这些符号的转义码。常见特殊字符转义码。
特殊字符 |
转义码 |
引号(") |
" |
& |
& |
< |
< |
> |
> |
空格 |
|
元() |
¥ |
版权() |
© |
注册商标() |
® |
图片标签
在网页中,为了实现图文并茂,需要使用图片标签<img>。 使用格式如下: <img 属性=”属性值”/>
属性 |
说明 |
src |
用于设置图片文件的路径,在实际应用中,文件的路径采取相对路径。 |
height |
用于设置图片在网页中的高度,其单位为像素(px) |
width |
用于设置图片在网页中的宽度,其单位为像素(px) |
alt |
用于设置的图片的文字说明。在我们浏览网页时,如果图片因网络原因无法显示, 那么在该图片的位置就会显示该图片的文字说明,以便浏览者清楚该图片的用途。 |
align |
用于设置段落的对齐方式,可以设置为left(左对齐),center(居中),right(右对齐)。 |
hspace |
用于设置图片与文本间的横向间距,单位是像素(px)。 |
vspace |
用于设置图片与文本间的纵向间距,单位是像素(px)。 |
换行标签
不同内容块之间需要使用空行或在一个段落中某两句话之间需要换行,就需要使用换行标签<br>。该标签是一个单独标签。
HTML入门初学篇(一)相关推荐
- Asp.Net MVC2.0 Url 路由入门---实例篇
本篇主要讲述Routing组件的作用,以及举几个实例来学习Asp.Net MVC2.0 Url路由技术. 接着上一篇开始讲,我们在Global.asax中注册一条路由后,我们的请求是怎么转到相应的Vi ...
- python 类-Python入门--一篇搞懂什么是类
原标题:Python入门--一篇搞懂什么是类 写一篇Python类的入门文章,在高级编程语言中,明白类的概念和懂得如何运用是必不可少的.文章有点长,3000多字. Python是面向对象的高级编程语言 ...
- Redis入门第二篇【存储数据结构之string类型】
tags: Redis title: Redis入门第二篇[存储数据结构之string类型] Redis存储的数据结构 Redis支持的数据结构有好几种: It supports data struc ...
- 【目录】Python 入门基础篇 <(^-^)>
Python 入门基础篇 一.关于Python的介绍与准备工作 Python基础介绍 Jupyter notebook基础介绍 Jupyter notebook打开问题 Jupyter noteboo ...
- ElasticSearch入门 第一篇:Windows下安装ElasticSearch
这是ElasticSearch 2.4 版本系列的第一篇: ElasticSearch入门 第一篇:Windows下安装ElasticSearch ElasticSearch入门 第二篇:集群配置 E ...
- typescript箭头函数参数_Typescript 入门基础篇(一)
Typescript 基础 Typescript是Javascript的一个超集.以下typescript简称为ts, 此文章主要是对ts官网文档的一个简化,缩短学习基础时间. 类型基础 ts 的类型 ...
- 小程序开发入门基础篇-张代浩-专题视频课程
小程序开发入门基础篇-1995人已学习 课程介绍 采用小程序wepy框架,初级讲解如何搭建小程序的开发环境,创建工程,语法介绍.开发调试等,课程采用实战代码案例作为教材,通俗易懂,简单 ...
- redis入门——服务器篇
redis入门--服务器篇 @(Redis)[服务器, 配置文件, 发布订阅, 事务] redis入门服务器篇 redis服务器配置文件 redis服务器基本命令 redis服务器的持久化 RDB持久 ...
- redis入门——客户端篇
redis入门--客户端篇 @(Redis)[redis, 入门, 客户端命令, jdeis] redis入门客户端篇 redis的客户端 redis-cli redis-desktop-manage ...
最新文章
- Linux进程描述符task_struct结构体简析
- Deepin 20关机提示Unattended Upgrades Shutdown的解决方法
- Linux学习笔记(六)
- Linux 中的零拷贝技术
- CSS3-文本-text-shadow
- Layui导航树美化
- 为什么交叉熵(cross-entropy)可以用于计算代价?
- 原生JavaScript事件详解
- 扩展的几个应用 发布网络YUM源 vim编辑技巧 源码编译安装 systemctl控制
- cmd链接php mysql数据库_php连接mysql数据库_cmd连接mysql数据库 - MySQL最新手册教程 - php中文网手册...
- CF1040A Palindrome Dance
- 织梦如何添html5播放器,织梦视频播放器,织梦cms网页播放器,dedecms视频播放器,内容管理系统(DedeCMS)的应用,网页视频播放器...
- 淘宝模拟登录2解决滑动验证问题
- 餐厅小票打印模板_收银系统小票标签设置
- 如何使用Etcd来完成选举
- Only one connection receive subscriber allowed.
- 新《古惑仔》 —— 神转折大赛
- 散列函数(哈希函数,Hash Function)
- 如何入门学习cg原画
- 【基础入门题072】转置矩阵