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 ...
随机推荐
- c#复制数组的多种方法
方法一:使用for循环 int []pins = {9,3,7,2} int []copy = new int[pins.length]; for(int i =0;i!=copy.length;i+ ...
- 一、安装zabbix监控(源码编方式)
首先介绍一下zabbix的运行原理和运行条件. Zabbix监控原理 Zabbix 通过C/S 模式采集数据,通过B/S模式在web 端展示和配置. 被监控端:主机通过安装agent 方式采集数据, ...
- sqlldr导入报错:field in data file exceeds maximum length
检查报错日志提示:field in data file exceeds maximum length REMARK字段设置:varchar2(2000),报错的内容也没有超1000个字符 表中定义的字 ...
- httprunner3源码解读(3)client.py
源码目录结构 ApiResponse 这个类没啥好说的 class ApiResponse(Response): """ 继承了requests模块中的Response类 ...
- httprunner3源码解读(4)parser.py
源码结构目录 可以看到此模块定义了4个属性和12个函数,我们依次来讲解 属性源码分析 # 匹配http://或https:// absolute_http_url_regexp = re.compil ...
- Oracle system 用户无法登录问题
新手刚用Oracle数据库时,可能会遇到system用户无法登录情况. 问题原因:1.可能输入默认密码时输入错误(比较低级,一般不会范). 2.可能你在安装的时候设置了密码,但是在登录的时候密码不正确 ...
- Effective Python(3)- 了解 bytes 与 str 的区别
Python 有两种类型可以表示字符序列 bytes:实例包含的是原始数据,即 8 位的无符号值(通常按照 ASCII 编码标准来显示) str:实例包含的是 Unicode 码点(code poin ...
- C# 判断未将对象引用设置到对象的实例,出错的代码到底在第几行
DataTable dt = null; try { var x = dt.Rows.Count; } catch(NullReferenceException nullexception) { Me ...
- robotframework-autoitlibrary离线安装
由于AutoItLibrary需要依赖pywin32库.所以要使用AutoItLibrary必须要先安装好pywin32 1.pywin32下载地址安装:http://sourceforge.net/ ...
- 字符编码和python文件操作
字符编码和文件操作 目录 字符编码和文件操作 1. 字符编码 1.1 什么是字符编码 1.2 字符编码的发展史 1.2.1 ASCII码 1.2.2 各国编码 1.2.3 Unicode 1.3 字符 ...