HTML元素基础学习

HTML元素

HTML文档是由HTML元素定义的。HTML元素是指从start tag(opening tag)到end tag(closing tag)的所有代码,即start tag + content + end tag。HTML有start tag开始,由end tag结束。对于某些元素为空内容(NULL),则在start tag中进行关闭。

嵌套的HTML元素

大多数元素都可以嵌套,HTML文本是有嵌套的HTML元素组成的。

e.g:

<body>-----其中<body>元素的内容是另一个HTML元素。

<p>this is a paragraph</p>

</body>

p.s:1.不要忘记end tag,大多数浏览器再忘记end tag的情况下也会正确的显示HTML,但是不要依赖这种做法,忘记使用end tag可能会产生不可预料的结果或错误。

          2.HTML标签对大小写不敏感,但最好是用小写tag,因为W3C在HTML4中推荐使用小写,而在未来的(X)HTML版本中强制使用小写。

HTML属性

为HTML元素提供附加消息。

1.HTML标签可以拥有属性,属性提供了元素的更多信息。

2.属性总是以名称/值的形式出现,e.g:name = “value”,且总是在start tag中规定。

e.g:

1.<h1 align = "center"> heading<h1>标题居中(也可用right和left)

2.<body bgcolor = "blue">拥有关于背景的附加消息。

HTML水平线

    <hr/>在HTML页面中创建水平线,可用于分隔内容。

p.s:使用<hr/>来分割文章内容只是其中的一种方法。

HTML注释

格式为<!--……-->

e.g:<!--this is a comment-->

浏览器会忽略注释而不会显示它们。

HTML拆行

如果希望在不产生新段落的情况下进行换行,则应该用<br/>

e.g:<p>This is a <br/>paragraph.</p>

p.s:浏览器在显示HTML时会省略源代码中多余的空白字符(空格或回车)

文本格式化标签

<b>粗体字

<em>强调字体

<small>缩小字体 <big>加大字体

<i>斜体字

<sub>定义下标字 <sup>定义上标字

<pre>可保留空格和换行(一般没有用<pre>的话HTML文本会自动删去多余的空格或回车)

<ins>插入字 <del>删除字

引用和术语定义

<abbr title = "etcetera">etc</abbr> 缩写

<acronym title = "World Wide Wed">WWW</acronym>大写字母

当鼠标指向这些元素的内容时会显现出title里的内容。

HTML元素基础学习

时间: 2024-12-17 04:23:05

HTML元素基础学习的相关文章

Java基础学习——数组初识(1)

Java基础学习--数组初识(1) 1什么是数组 Java中常见的一种数据结构就是数组,数组可以分为一维数组.二维数组和多维数组. 数组是由一组相同的变量组成的数据类型,数组中每个元素具有相同的数据类型,数组中的每个元素都可以用一个统一的数组名和下标来确定. 2 数组的使用 数组的一般使用步骤: 声明数组 分配内存给该数组 下面是一维数组为例: 数据类型  数组名 []: 数组名 = new 数据类型 [数据个数]: 2.1一维数组的声明与赋值 1.数组的声明 int  num [];    

c++ 基础学习: 左值 概念cocos2d-x3.0的实际应用

左值:概念baidu 1.2.6.2 与Cocos2d-x内存管理的结合 在2.x的使用场景中,CCArray和CCDictionary通常被分配在堆上,我们不得不需要考虑在适当的地方释放其内存.新的容器类不再继承自Ref(2.x中的CCObject),新的容器类通常应该被分配在栈上来使用,这简化了内存管理,我们应该将精力放在容器元素而不是容器本身的内存管理上. Vector中的T和Map<K,V>中的V必须是Ref类型,因为它们需要结合Cocos2d-x的内存管理方式一起工作.这简化了容器中

Objc基础学习记录3

在学习Objective-c中, 数组 1.NSArray, 这是一个不可变的数组,不能修改和删除其中的对象,可以存储任意objective的对象指针. 不能存储int,char类型的,,需要转换为需要的类型. 要快速枚举数组中的值,用in. 1 for (NSString *eleement in myArray) 2 NSLog(@"myArray is %@",element); 2.NSMutableArray 这是一个可变的数组,可以向其中添加和删除对象. a.添加addOb

前端开发基础学习—1

前端开发的学习还没有找到很好的入门点,就做些题吧. http://www.cnblogs.com/jQing/archive/2012/07/01/2571987.html 第一部分:用CSS实现布局 让我们一起来做一个页面 首先,我们需要一个布局. 请使用CSS控制3个div,实现如下图的布局. 第二部分:用javascript优化布局 由于我们的用户群喜欢放大看页面 于是我们给上一题的布局做一次优化. 当鼠标略过某个区块的时候,该区块会放大25%, 并且其他的区块仍然固定不动. 提示: 也许

python基础学习05(核心编程第二版)部分

# -*- coding: utf-8 -*- # ==================== #File: python #Author: python #Date: 2014 #==================== __author__ = 'Administrator' #dict{键:值} #哈希 #注:字典是无顺序的,所以你懂的 #创建与赋值 dict1={} dict2={'name':'apply','avg':24,'sex':'man'} print dict1,dict2

C++基础学习教程(一)

开始自己的C++复习进阶之路. 声明: 这次写的博文纯当是一个回顾复习的教程,一些非常基础的知识将不再出现,或者一掠而过,这次的主要风格就是示例代码很多~~~ 所有代码在Ubuntu 14.04 LTS 版,GCC4.8.1(g++)编译通过.其他的平台没试过,估计有些代码在VC6.0下面通过不了,因为有些语言特性是C++11标准的. 下面就是正文的开始吧. 一.C++必须说和必须略过的一些东西 1.工具 工具的话,简答的编程貌似现在已经习惯了在GCC(g++)下了.Linux平台下面,一般不需

CSS基础学习十四:盒子模型补充之display属性设置

我在CSS基础学习十三:盒子模型的i博文只是阐释了CSS盒子模型,并没有过多的使用实例来演示.这篇博文 就来做一些盒子模型知识的补充.这一部分对于网页总体布局还是蛮重要的,过去大多数使用HTML中的table元素和 框架标签来进行网页的整体布局,现在我们使用最多的是DIV+CSS网页布局.所以一定要掌握好盒子模型,记住 content,border,padding和margin各自在盒子中的作用和使用方式. 先来看一个完整元素的盒子模型实例: <!DOCTYPE html PUBLIC "

视频学习_css基础学习

块状元素 block element 容器元素  设置高宽 width height  可以容纳 文本 内脸 和其他块状 霸道  独占一行 特例:form  只容纳 块状元素 常见元素 http://www.w3cfuns.com/portal.php?mod=topic&quickforward=1&topicid=21 内联元素  inline element 非块状元素 不独占一行 只容纳文本  和内联 常见的 有a 相当与气球 内容越多越大 内联元素不能包含块状元素  气球不能装盒

bootstrap基础学习【表单含按钮】(二)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>bootstrap基础学习[表单](二)</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> </head> <body style="padd