HTML和HTML5的基础知识2——元素及属性

HTML元素

在基础知识一种写过元素由开始标签、元素内容、结束标签所构成，如:<p>这是一个段落</p>就是一个段落元素

其实简单的来说HTML文档就是由嵌套的HTML元素构成的。

例如:一个简单的HTML文档

<!DOCTYPE html>
<html>

<body>
<p>这是第一个段落。</p>
</body>
</html>

上实例就包括了三个HTML元素分别是：<html>元素<body>元素<p>元素

注意：

*有些标签可以完成自结束的功能，例如：<br/>

*虽然不加结束标签时大多数浏览器也会正确地显示 HTML，但是忘记使用结束标签有时也会产生不可预料的结果或错误。

*HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。但是我们在开发时一般都使用小写

HTML属性

HTML属性可以理解为是HTML元素提供的附加信息，他一般描述于开始标签中，一般以名值对的形式出现 ，如name=“value”

关于HTML属性的一般注意事项：

**属性值应该始终包括在引号内，双引号是最常用的，但是在某些个别情况下如：属性值自身就包含了双引号，那这个时候就要用使用单引号了如：name=‘xiao"hong"mao‘

**属性和属性值对大小写不敏感，但是新版本的HTML要求使用小写属性

常用的属性有：

属性 描述
class 为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式（inline style）
title 描述了元素的额外信息 (作为工具条使用)

*HTML属性有很多，在我们使用时可以查找HTML属性参考手册

原文地址：https://www.cnblogs.com/qiumh/p/11721486.html

时间： 2024-08-07 13:27:28

HTML和HTML5的基础知识2——元素及属性的相关文章

20_Shell语言———VIM编辑器基础知识三之窗口属性定制、配置文件及查找替换功能

Vim编辑器可以让用户按照需求来定制一些使用属性. 一.窗口属性定义 1)显示行号 行号不是内容,只是用来帮助用户确认文本所在的行.在vim编辑器中,如果要显示行号,可以在末行模式下输入: set number 如果想关闭,则可以在功能名称前面加上no,即: set nonumber 命令可以被简写,如set number 可以简写为 set nu:set nonumber 可以简写为 set nonu. 注意,上述设定仅对当前vim的进程有效,一旦当前进程关闭,这些设定就会失效,如果要使设定永

疯狂html5演讲（两）：HTML5简经常使用的元素和属性（一个）:html5保留经常使用的元素

html5取出一小部分的元素和属性:主要删除的各种元素和属性与文档相关的风格.例<font>.width等待,html5建议规范css样式表来控制html文档样式. 1.基本元素 <html>.<head>.<title>.<body>.<style>.<h1>到<h6>.<p>.<br>.<hr>(定义水平线).<div>.<span>~~~ <

jQuery基础知识&mdash; 获得内容和属性

jQuery拥有可操作HTML元素和属性的方法.   获得内容: text()--设置或返回所选元素的文本内容 html()--设置或返回所选元素的内容(包括HTML标记) val()--设置或返回表单字段的值 获取属性: attr()方法用于获取属性值 例如: 1 $("button").click(function(){ 2 alert($("#w3s").attr("href")); 3 });   jQuery文档操作参考手册 方法 描述

HTML5学习笔记三 HTML元素、属性、标题、段落

一.HTML 元素 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签的结束而结束) 大多数 HTML 元素可拥有属性 嵌套的 HTML 元素  HTML 文档由嵌套的 HTML 元素构成. <!doctype html> <html> <body> <p>这是第一段</p> </body&

jQuery基础知识— 获得内容和属性

jQuery拥有可操作HTML元素和属性的方法. 获得内容: text()--设置或返回所选元素的文本内容 html()--设置或返回所选元素的内容(包括HTML标记) val()--设置或返回表单字段的值 获取属性: attr()方法用于获取属性值 例如: 1 $("button").click(function(){ 2 alert($("#w3s").attr("href")); 3 }); jQuery文档操作参考手册 方法 描述 add

html5系列.基础知识

兼容性问题 创建一个html5页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> ...... </body> </html> html5新的 (input type=类型) 元素 <input type="number"

10分钟HTML5入门基础知识（一）

毫无疑问,对于开发人员而言,HTML5已是一个热点话题.如果你需要快速了解HTML5的功能的基本原理,阅读本文是你最好的选择. 本文来自The Code Project的付费搜索位置,由Solution Center提供.这里的文章致力于向大家提供我们认为对开发人员来说有用和有价值的产品和服务的相关信息由IE9和HTML5 / CSS3 Zone带来 . 本文会涵盖新的语义标签.为绘图和动画而设计的画布(canvas).音频和视频支持,以及在旧版浏览器上如何使用HTML5.看完这些内容所用的时间

vue.js基础知识篇(3):计算属性、表单控件绑定

第四章:计算属性 为了避免过多的逻辑造成模板的臃肿不堪,可使用计算属性来简化逻辑. 1.什么是计算属性 <!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="example"> <

android基础知识复习——RelativeLayout布局属性、背景、半透明设置（XML设置）

转自:http://blog.csdn.net/fansongy/article/details/6817968 复习布局与XML,写了一个空的登录界面.XML的注释我写在当行的后面了.程序运行图: 主函数没有改动,不贴了.背景图片名为:background.jpg .看看main.xml吧. [html] view plaincopyprint? <?xml version="1.0" encoding="utf-8"?> <LinearLayo