HTML5元素、属性和格式化

本章内容

  1. HTML元素
  2. HTML属性
  3. HTML格式化

HTML元素
元素指的是从开始标签到结束标签的所有代码,比如:
//开始标签     元素内容        结束标签
  <p>    hello hello hello    </p>
HTML元素语法:
    1. 元素的内容是开始标签与结束标签之间的内容
    2. 空元素在开始标签中进行关闭,例如:
<br />
    3. 大多数HTML元素可拥有属性

嵌套的HTML元素
    大多数的HTML元素都是可以嵌套的,例如:
<p><a href="http://www.baidu.com"> this is my page  </a> </p>

这里写图片描述


HTML属性
1. 标签可以拥有属性为元素提供更多的信息
2. 属性以键/值对的形式出现,例如:
 href="http://www.baidu.com"
3. 常用标签属性:
    <h1>:aligin 对齐方式
    <body>:bgcolor 背景色
    <a>:target 规定在何处打开链接
4. 通用属性:
    class  :规定元素的类名
    id       :规定元素的唯一ID
    style   :规定元素的样式
    title    :规定元素的额外信息
代码
<a>标签可以打开本地html,如下图,在本地直接创建一个html,使用<a>指向这个文件:

这里写图片描述

align属性:
<h1 align="right">标题h1</h1>

效果:

这里写图片描述

bgcolor:
<body bgcolor="#a52a2a">

效果:

这里写图片描述

background,是用来设置背景图片
bgcolor,是用来设置背景颜色

<a>标签的target属性:
_blank 在新的页面打开
_self  在当前页面打开

HTML格式化
   <b>                 定义粗体文本
   <big>               定义大号字
   <em>                定义着重文字
   <i>                 定义斜体字
   <small>             定义小体字
   <strong>            定义加重语气
   <sub>               定义下标字
   <sup>               定义上标字
   <ins>               定义插入字
   <del>               定义删除字

所有的效果:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css"></style>
</head>
<body>
    hello world<br/>
   <b>hello world</b><br/>
   <big>hello world</big><br/>
    <em>hello world</em><br/>
    <i>hello world</i><br/>
    <small>hello world</small><br/>
    <strong>hello world</strong><br/>
    hello  <sub>hello world</sub>  world<br/>
    hello  <sup>hello world</sup>  world<br/>
    <ins>hello world</ins><br/>
    <del>hello world</del><br/>
</body>
</html>

图:

这里写图片描述

ok,今天就到这里~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值