HTML5 基础内容(元素/属性/格式化)
HTML基础
1.HTML元素
1.1 元素指的是开始标签到结束标签的所有代码。
1.2 元素的内容是开始标签与结束标签之间的内容。
1.3大多数HTML元素可用有属性。
1.4标签可以拥有属性为元素提供更多的信息。
1.5常用的标签属性:
<h1>:align对齐方式
<body>:bgcolor背景颜色
<a>:target规定在何处打开标签
测试原码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1234</title>
</head>
<body bgcolor="#7fffd4"> <!--<body>:bgcolor背景颜色-->
<a href="HTML3.1.html" target="_blank">打开本地</a> <!--<a>:target规定在何处打开标签,示例中的在另一个空白页打开这个链接-->
<h1 align="center">标题</h1> <!--<h1>:align对齐方式-->
</body>
</html>
1.6通用属性:
class:规定元素的类名
id:规定元素唯一ID
style:规定元素的样式
title:规定元素的额外信息
1.7HTML格式化
<b> 定义粗体文字
<big> 定义大号字
<em> 定义着重文字
<i> 定一斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<ins> 定义插入字
<del> 定义删除字
测试原码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>挥舞着键盘征服世界的微博</title>
</head>
<body>
挥舞着键盘征服世界的微博
<br>
<b> 挥舞着键盘征服世界的微博</b> <!--定义粗体文字-->
<br>
<em>挥舞着键盘征服世界的微博</em> <!--定义大号字-->
<br>
<i>挥舞着键盘征服世界的微博</i> <!--定义着重文字-->
<br>
<small>挥舞着键盘征服世界的微博</small> <!--定义小号文字-->
<br>
<strong>挥舞着键盘征服世界的微博</strong> <!--定义加重语气-->
<br>
挥舞着键盘征服世界的微博<sub>欢迎来到我的微博</sub>挥舞着键盘征服世界的微博 <!--定义上标字-->
<br>
挥舞着键盘征服世界的微博<sup>挥舞着键盘征服世界的微博</sup>挥舞着键盘征服世界的微博 <!--定义下标字-->
<br>
<ins>挥舞着键盘征服世界的微博</ins> <!--定义插入字-->
<br>
<del>挥舞着键盘征服世界的微博</del> <!--定义删除字-->
</body>
</html>
HTML5 基础内容(元素/属性/格式化)的更多相关文章
- HTML5基础内容(二)
HTML(HyperText Markup Language)超文本标记语言 一.HTML注释 元素就是标签,标签就是元素. 注释中的内容不会在页面中显示,但是可以在源码中看到. 可以通过编写注释来对 ...
- HTML5学习笔记<二>:元素,属性,格式化
HTML元素 元素是指从开始标签到结束标签的所有代码. 开始(开放)标签 元素内容 结束(闭合)标签 <p> this is my web page </p> 没有内容的 HT ...
- html5 基础入门
html5 基础入门 前言介绍 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML工作团队. 如果从狭 ...
- 了解HTML表单之input元素的30个元素属性
目录 传统属性 name type accept alt checked disabled readonly maxlength size src value 新增属性 autocomplete au ...
- 第一百六十六节,jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度、偏移、滚动条
jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度.偏移.滚动条 学习要点: 1.DOM 简介 2.设置元素及内容 3.元素属性操作 4.元素样式操作 ...
- HTML5 表单元素和属性
HTML5 表单元素和属性学习 版权声明:未经博主授权,内容严禁转载 ! 表单元素简介 无论实现提交功能还是展示页面功能,表单在HTML中的作用都十分重要. 在其他版本的HTML中,表单能够包含的元素 ...
- WPF 数据绑定 1_1 基础知识&绑定到元素属性
A.数据绑定基础: 数据源对象:WPF将从该对象中提取信息,交由目标对象进行显示. 目标对象:从数据源中提取信息,并赋给该对象的属性. B.绑定到元素属性 最简单的绑定情形则是将一个源对象指定为一个W ...
- HTML5 Canvas(画布)实战编程初级篇:基本介绍和基础画布元素
欢迎大家阅读HTML5 Canvas(画布)实战编程初级篇系列,在这个系列中,我们将介绍最简单的HTML5画布编程.包括: 画布元素 绘制直线 绘制曲线 绘制路径 绘制图形 绘制颜色,渐变和图案 绘制 ...
- jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色
jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...
随机推荐
- zabbix web管理页面 中文乱码问题
1.在自己电脑上找下图文件,C:\Windows\Fonts 2.上传到 /usr/share/zabbix/assets/fonts/ 目录下 可以看到 graphfont.ttf 是 /etc/a ...
- 算法学习->求解三角形最小路径
00 问题 00-1 描述 对给定高度为n的一个整数三角形,找出从顶部到底部的最小路径和.每个整数只能向下移动到与之相邻的整数. 找到一个一样的力扣题:120. 三角形最小路径和 - 力扣(LeetC ...
- 关于Arrays类的静态方法asList()
Array.asList():是数组转成集合的方法 List<String> list = Arrays.asList(new String[]{"AA", " ...
- kubernetes创建用户
创建k8s User Account 使用openssl方法创建普通用户 准备工作 1 2 3 4 mkdir /root/pki/ 将k8s ca.pem ca-key.pem 证书拷贝到此目录 ...
- PTA 7-1 是否完全二叉搜索树 (30分)
PTA 7-1 是否完全二叉搜索树 (30分) 将一系列给定数字顺序插入一个初始为空的二叉搜索树(定义为左子树键值大,右子树键值小),你需要判断最后的树是否一棵完全二叉树,并且给出其层序遍历的结果. ...
- 详解calc()函数功能
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分.因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性 ...
- RabbitMQ (五):死信队列
什么是TTL RabbitMQ的TTL全称为Time-To-Live,表示的是消息的有效期.消息如果在队列中一直没有被消费并且存在时间超过了TTL,消息就会变成了"死信" (Dea ...
- java meil
import java.util.Date; import java.util.List; import java.util.Properties; import javax.activation.D ...
- Python编程环境设置
第1节.Python编程环境设置 一.sublime相关 1.sublime REPL插件安装 (1)安装 先打开插件安装面板:ctrl+shift+P 输入install ,选择Package Co ...
- [luogu7340]Balance
构造一个坐标系,共有$n$个黑点和百点,第$i$个黑点为$(p_{i},a_{i})$,第$i$个白点为$(-q_{i},-b_{i})$ 考虑第$i$个黑点和第$j$个白点连线的斜率,恰好就是$f( ...