HTML5学习笔记<二>:元素,属性,格式化

HTML元素

　　元素是指从开始标签到结束标签的所有代码.

开始(开放)标签	元素内容	结束(闭合)标签
<p>	this is my web page	</p>

　　没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

HTML元素语法

　　元素的内容是开始标签与结束标签之间的内容

　　空元素在开始标签中进行关闭

　　大多数HTML元素可拥有属性

嵌套的HTML元素

　　大多数的HTML元素都是可以嵌套的

<p>Hello world, <a>找度娘</a></p>

HTML属性

　　1. 标签可以拥有属性为元素提供更多的信息

　　2. 属性以键值对的形式出现, 如: href = "www.cnblogs.www/winsoncheung"

　　3. 常用的标签属性:

　　　　<h1>:align 对其方式

　　　　<body>:bgcolor body部分背景颜色

　　　　<a>:target 规定在何处打开连接

4. 通用属性:

class	规定元素的类名
id	规定元素唯一ID
style	规定元素的样式
title	规定元素的额外信息

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <!--id规定元素唯一ID-->

    <title id="1223">基础</title>

    <!--style规定元素的样式-->

    <style type="text/css"></style>

</head>

<body bgcolor="#5f9ea0">

    <h1 align="center">标题1</h1>

    <a href="index02.html" target="_blank">打开本地</a>

    <!--class规定元素类名-->

    <h2 class="h2ID">标题2</h2>

</body>

</html>

HTML格式化

文本格式化标签:

标签	描述
<b>	定义粗体文本。
<big>	定义大号字。
<em>	定义着重文字。
<i>	定义斜体字。
<small>	定义小号字。
<strong>	定义加重语气。
<sub>	定义下标字。
<sup>	定义上标字。
<ins>	定义插入字。
<del>	定义删除字。
<s>	不赞成使用。使用 <del> 代替。
<strike>	不赞成使用。使用 <del> 代替。
<u>	不赞成使用。使用样式（style）代替。

“计算机输出”标签:

标签	描述
<code>	定义计算机代码。
<kbd>	定义键盘码。
<samp>	定义计算机代码样本。
<tt>	定义打字机代码。
<var>	定义变量。
<pre>	定义预格式文本。
<listing>	不赞成使用。使用 <pre> 代替。
<plaintext>	不赞成使用。使用 <pre> 代替。
<xmp>	不赞成使用。使用 <pre> 代替。

引用、引用和术语定义

标签	描述
<abbr>	定义缩写。
<acronym>	定义首字母缩写。
<address>	定义地址。
<bdo>	定义文字方向。
<blockquote>	定义长的引用。
<q>	定义短的引用语。
<cite>	定义引用、引证。
<dfn>	定义一个定义项目。

代码示例:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title id="1223">格式化</title>

</head>

<body>

    <b>My name is Winson</b>

    <br/>

    <big>Welcome to my blog~</big>

    <br/>

    <i>Hello, visitor!</i>

    <br/>

    <small>我很小, 你看不见 看不见</small>

    <br/>

    <strong>太显眼了</strong>

    <br/>

    大家好<sub>欢迎</sub>来到

    <br/>

    大家好<sup>欢迎</sup>来到

    <br/>

    <ins>Come on! girls!</ins>

    <br/>

    <del>Hei! girl!</del>

</body>

</html>

欢迎大家提问, 我尽我所能的为大家解答, 一起学习, 共同成长~

南心芭比: 热爱分享, 收获快乐~

HTML5学习笔记<二>:元素,属性,格式化的更多相关文章

Html5学习笔记1 元素标签属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
HTML5 学习笔记表单属性
HTML5新的表单属性 HTML5 的form和input 标签添加了几个新的属性 <form>新属性 autocomplete novalidate input 新属性 autocomp ...
HTML5 基础内容（元素/属性/格式化）
HTML基础 1.HTML元素 1.1 元素指的是开始标签到结束标签的所有代码. 1.2 元素的内容是开始标签与结束标签之间的内容. 1.3大多数HTML元素可用有属性. 1.4标签可以拥有属性为元素 ...
HTML5学习笔记二 HTML基础
一.HTML 标题 HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的. <h1>标题一</h1> <h2>标题二& ...
HTML5学习笔记二：article和section
在HTML5中,article可以看做特殊种类的section,它比section更强调独立性. section元素强调分段或分块,而article强调独立性: 如果一块内容相对独立.完整,应该使用a ...
WPF学习笔记二依赖属性实现原理及性能分析
在这里讨论依赖属性实现原理,目的只是学习WPF是怎么设计依赖属性的,同时更好的使用依赖属性. 首先我们来思考一个简单的问题:我们希望能验证属性的值是否有效,属性变更时进行自己的处理.回顾一下.net的 ...
HTML5学习笔记四 HTML文本格式化
HTML 格式化标签 HTML 使用标签<b> 与<i> 对输出的文本进行格式, 如:粗体 or 斜体这些HTML标签被称为格式化标签通常标签 <strong> ...
qml学习笔记(二)：可视化元素基类Item详解（上半场anchors等等）
原博主博客地址:http://blog.csdn.net/qq21497936本文章博客地址:http://blog.csdn.net/qq21497936/article/details/78516 ...
amazeui学习笔记二（进阶开发4）--JavaScript规范Rules
amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性. ...

随机推荐

php之有点复杂的流程管理
1.流程管理的用法是什么样的? 2.怎么发起想要的流程? 3.审批的人要是怎么审批通过? 4.流程审核是不是要挨个走过? 一.还是要有数据库的内容的肯定会有表的,首先就是用户表了,然后就是流程表,用 ...
让EFCore更疯狂些的扩展类库(二)：查询缓存、分部sql、表名替换的策略配置
前言上一篇介绍了扩展类库的功能简介,通过json文件配置sql语句和 sql语句的直接执行,这篇开始说明sql配置的策略模块:策略管理器与各种策略的配置. 类库源码:github:https:// ...
【G】开源的分布式部署解决方案（一） - 开篇
做这个开源项目的意义是什么?(口水自问自答,不喜可略过) 从功能上来说,请参考预告篇,因自知当时预告片没有任何含金量,所以并没有主动推送到首页,而是私下的给一些人发的. 从个人角度上来说,我希望.n ...
Java程序性能优化读书笔记（一）：Java性能调优概述
程序性能的主要表现点: 执行速度:程序的反映是否迅速,响应时间是否足够短内存分配:内存分配是否合理,是否过多地消耗内存或者存在内存泄漏启动时间:程序从运行到可以正常处理业务需要花费多少时间负载承 ...
RESTful_简介
一.概括总结一下什么是RESTful架构: (1)每一个URI代表一种资源: (2)客户端和服务器之间,传递这种资源的某种表现层(Representation): (3)客户端通过四个HTTP动词,对 ...
cordova调用本地SQLite数据库的方法
第一篇技术博客,写下来和大家分享今天所学,其次自己也巩固一下. 整个下午的时间用来钻研如何用cordova调用移动端本地SQLite数据库.首先我并不是用eclipse来编程的,而是用cordova建 ...
UITextField总结
----------------- 监听文字有多长 - (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:( ...
解决 Windows instance 时间不同步问题 - 每天5分钟玩转 OpenStack（153）
这是 OpenStack 实施经验分享系列的第 3 篇. 问题描述通过上一节部署出来的 Windows instance 有时候会发现操作系统时间总是慢 8 个小时,即使手工调整好时间和时区,下次 ...
JAVA程序测试之Swing编程
package swingtest; import java.awt.BorderLayout; import java.awt.event.ActionEvent; import java.awt. ...
Input file 文本框美化
HTML原生的input file 上传按钮有多(无)不(力)漂(吐)亮(槽)我就不多说了.大家几乎在项目中都会有遇到图片.等文件需要上传的地方,好看的文件上传按钮会使人身心愉悦(我瞎说的).好了不多 ...

HTML5学习笔记<二>:元素,属性,格式化

HTML5学习笔记<二>:元素,属性,格式化的更多相关文章

随机推荐

热门专题