HTML5

本文介绍了HTML的一些基本元素,包括如何设置页面标题和元信息,如搜索引擎优化的meta标签,以及页面的文本控制,如标题、段落、水平线和文本样式的设定。此外,还讲解了图像标签的使用,包括属性如src、alt、align等。
摘要由CSDN通过智能技术生成

设置页面标题:

<title>轻松学习<title>

定义页面元信息:

(1)

<title>轻松学习<title>

name和content属性可以为搜索引擎提供信息,(搜索内容的名字)(对应的搜索内容值)

(2)

<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>

可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示该页面提供相关的参数标准,

http-equiv属性提供参数类型,content属性提供对应的参数值。

<meta charset="utf-8"/>
<meta http-equiv="refresh" content="10; url=https://www.baidu.com/" />

设置页面自动刷新与跳转,例如定义某个页面10秒后跳转至百度页面

文本控制:

<hn align="对齐方式">标题文本</hn>

n的取值为1~6

段落文本:

<p align="center">居中显示的文本</p>

水平线:

<hr 属性="属性值" />
属性名含义属性值
align设置水平线的对齐方式默认center居中对齐显示
size粗细以像素为单位,默认为2像素
color颜色可用颜色名称,十六进制#RGB、rgb(r,g,b)表示
width宽度可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100%
<hr color="#00CC99" align="left" size="5" width="600" />

换行:

<br />

文本样式:

<font face="宋体" size="7" color="green">文本内容</font>
属性名含义
face字体
size大小,取1~7之间的整数值
color颜色

文本格式化:

<p><strong>文本是使用strong标签定义的强调文本</strong></p>
标签显示效果
<b></b>或<strong></strong>粗体
<u></u>和<ins></ins>加下划线
<i></i>和<em></em>斜体
<s></s>和<del></del>加删除线

图像:

<img src="girl.jpg" alt="森林" border="1" hspace="10" vspace="10" align="left" />
属性属性值描述
srcURL图像的路径
alt文本图像不能显示时的替换文本
title文本鼠标指针悬停时显示的内容
width像素宽度
height像素

高度

border数字边框的宽度
vspace像素设置图像顶部和底部的空白(垂直边框)
hspace像素设置图像左侧和右侧的空白(水平边框)
align

left

right

top

middle

bottom

将图像对齐到左边

将图像对齐到右边

图像的顶端和文本的第一行文字对齐,其他文字居图像下方

水平中线和文本的第一行文字对齐,其他文字居图像下方

图像的底部和文本的第一行文字对齐,其他文字居图像下方

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值