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(如无必要,勿增注释):尽量提高代码本身的清晰性. ...

随机推荐

Dev的WPF控件与VS2012不兼容问题
在只有vs2010环境下Dev的wpf可以在视图模式下显示,但是安装vs2012后无法打开界面的视图模式,报错:无法创建控件实例! 发现是Dev的wpf控件与.net framework 4.5不兼容 ...
ssh配置文件及问题解决
一 ssh的配置文鉴模板 Host AAA User gitolite3 HostName IP地址 IdentityFile ~/.ssh/key 二下载代码的方法 1 ssh git2 git ...
[CSS3] 学习笔记-选择器详解（二）
1.选择器first-child.last-child.nth-child和nth-last-child 利用first-child.last-child.nth-child和nth-last-chi ...
最近一年多我总结的常用mate标签-常用mate标签
昨天开始上班 ,今天晚上不是太忙 ,来写篇博客了 meta元素共有三个可选属性(http-equiv.name和scheme)和一个必选属性(content),content定义与 http-equ ...
list与数组转换
1.数组转换list (1) List myList = new ArrayList(); String[] myStringArray = new String[] {"Java" ...
linux文件相关的命令
1.linux下的文件分为字符设备文件和块设备文件 2.文件的属性有读写权限.执行权限.访问时间.修改时间.状态改变时间等. 状态改变时间指修改了文件的读写权限或者所有者等操作. 3.ls -l 执行 ...
array_count_values:返回数组中所有值出现的次数
$arr1 = ['a','b','c','d','e','e','a','a']; $arr = array_count_values($arr1); echo '<pre>'; p ...
使用nat方式解决虚拟机联网问题
本文全文参考:http://jingyan.baidu.com/album/4e5b3e1957979d91901e24f1.html?picindex=1,谢谢对于很多的linux初学者来说,最开 ...
angularJS+requireJS实现controller及directive的按需加载
最近因为项目的比较大,需要加载的js文件较多,为了提高首屏页面的加载速度,需要对js文件进行按需加载,然后网上参考了一些资料,自己也深入研究一番之后,实现了按需加载控制器js文件及指令js文件的效果: ...
apache的用户认证
1. 限制用户访问的方式: 1. 限制访问服务的客户端主机 2. 需要用户名和密码 2. 行为用户验证需要两步: 1. 创建一个包含用户名和密码的文件 2. 服务器上的哪些资源需要保护,哪些用户可以进 ...

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

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

随机推荐

热门专题