XHTML和HTML:
XHTML与HTML类似,但是语法更严格。
XHTML分为三个版本:
(1)Strict:去除逐渐淘汰的标记。
(2)Traditional:能够使用逐渐淘汰的标记。
(3)Framset:框架技术。
html页面由许多标签组成。
注释:<!-- 注释-->
<html><!--每个html页面的最开始-->
<head><title>title</title></head><!-- head元素中包含的是页面的标题,以及一些描述-->
<body><!-- body是浏览器的-->
.......
</body>
</html>
|
标签和元素的区别:
标签就是<html>、<head>这种形式。
元素是<head>...</head>这种形式。
建议:标签最好用小写字母编写。
属性:在标签中可以放置属性,目的是对标签个性化,比如一个文字的字体等。
比如:
<a href = "http://www.google.com/">Click here</a>
<a>是标签,表明链接,href表明要链接的目的地。
注意:属性值必须要是字符串。
接下来详细介绍主要标签:
<head>标签:
可以在<head>元素中使用
<title>:页面标题
<link>:与某个CSS文件链接。
<script>:脚本。
<style>:内联的CSS。
<h1>---><h6>:题头,一般使用<h1><h2>表示标题和副标题。
<p></p>表示一个段落。
<br />表示一个换行符.他有一个clear属性用于图像。
一般来说html都是空格折叠的,即多个空格只能算是一个空格。
比如:
<p>
Hello world Hello world
</p>
在网页中只能显示Hello world Hello world
|
<pre></pre>:在这个元素中的文档都是保持原来的样子,没有空格折叠,因此可以在里面插入代码等。
<b></b>设置粗体。
<i></i>设置斜体。
<u></u>设置下划线。
<s></s>设置删除线。
<tt></tt>设置等宽字体。
<sup></sup>设置上标。
<sub></sub>设置下标。
<big></big>设置大字体。
<small></small>设置小字体。
<hr />设置水平线。
<em></em>表示强调。
<strong></strong>着重强调。
<abbr title = "..."></abbr>缩写词。
<blockquote cite = "..."></blockquote>:引用文章,cite属性表明来源。
<cite></cite>表明来源。
<dfn></dfn>表示专业术语。
<code></code>中写代码。
<address></address>表示地址。
<div class = "">...</div>表明分组,经常和CSS一起使用。
<span class ="..."></span>对内联元素进行分组。
每个标签都有核心属性:
(1)id:标识元素。规定:以字母开头。
(2)class:所属的类,用于CSS。
<html>
<head><title>Google.com</title></head>
<body>
<h1 title = "Google" class = "A">G</h1>
</body>
</html>
在CSS文档中,
h1.A{
font-size:12px;
}
可以改正h1的文字的样式。
|
(3)title:光标停在某个组件上,会有个提示符。
列表:
(1)无序列表。
(2)有序列表。
(3)自定义列表。
无序列表:
<ul><!-- ul表示无序列表的创建-->
<li>1</li><!-- li表示一个列表的一项-->
<li>2</li>
</ul>
|
有序列表:
<ol type = "A" start = "1"><!-- ul表示有序列表的创建-->
<li>1</li><!-- li表示一个列表的一项-->
<li>2</li>
</ol>
|
start属性表示开始的数字,如果为4,则从4开始标记。
type属性表示标记的样式,如果为A,则样式为ABCD...
列表的嵌套:
<ol type = "A" start = "1"><!-- ul表示有序列表的创建-->
<li>1</li><!-- li表示一个列表的一项-->
<li>2</li>
<ol>
<li></li>
<li></li>
</ol>
</ol>
|
改动的标记:<ins><del>
<ins></ins>表示新增的文字。
<del></del>表示删除的文字。
特殊的字符:
<:表示<
>表示>
&表示&
"表示 "
块级元素&内联元素:
块级元素的前后都是换行的。
内联元素前后都不换行。
分享到:
相关推荐
单元一 HTML5基础知识端基础前WebHTML5语义化标签HTML5新增的语义化标签主要有:、、、、、、<time>...语义化标签优点:为了在没有CSS的情况下,页面也能呈现出很好的内容结构比标签有更加丰富的含义,方便开发与...
单元一 HTML5基础知识端基础前WebHTML5多媒体标签1常用多媒体格式2播放音频audio播放视频video34其他多媒体标签1常用多媒体格式音频格式1、WAV 微软和IBM共同开发的PC标准声音格式,文件后缀名.wav。2、MP3 MP3是一...
适合前端小白学习的HTML基础知识点,涉及了绝大多数常用的标签以及属性。部分标签有案例分析,可以帮助你更好地理解。有想学习或了解前端的,可以看一下哈,HTML基础是前端的敲门砖。
1_01:HTML背景知识 http://download.csdn.net/source/2788449 1_02:HTML全局架构标签 http://download.csdn.net/source/2791139 1_03:注释与特殊字符 http://download.csdn.net/source/2792675 1_04:格式标签...
HTML基本标签汇总讲义。虽然只有短短几页但基本包含了html所有标签。对初学者是必不可少的资料。
很基本的HTML资料,介绍标签的,个人觉得很受用
这里有制作网站的基础知识. 第一章 一.HTML概述与基本结构 二、 HTML的基本结构: 三、 HTML的标签与属性: 第二章 HTML主体标签及属性、颜色的设定
该网页包含了常用的html基本标签,包括了一些标签的小例子演示,都集成在一个html页面中,方便初学者学习和温习,基础中的基础,框架的基础例子
HTM基础知识学习 我们刚才讲到:HTML 标签对大小写是不敏感的:<b> 和 <B> 的作用的相同的。当您在网上冲浪时,您会发现大多数教程在他们的例子中都使用大写的HTML标签。而我们总是使用小写。原因何在呢? 如果您...
HTML相关技术基础知识,表单标签,事件等详解。
HTML基础知识 1.HTML为何物? HTML是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。注意:HTML不是一种编程语言,而是一种标记语言。简单来说,HTML文件也可以直接称为网页,浏览器的作用...
第一讲 HTML概述+第二讲 HTML常用标签+第三讲 form表单+第四讲 表格table+html颜色代码
基础选择器介绍 基础选择器基本上都由单个选择器组成,主要分为: 标签选择器 类选择器 id选择器 通配符选择器 标签选择器 标签选择器:是指⽤HTML标签名称作为选择器,按标签名称分类为⻚⾯中某⼀类标签指定统...
HTML的基础知识.doc 在学习Adobe Dreamweaver CS3之前,有些HTML的基础知识你还是需要学习了解的。本文将HTML的标签详细解释了一遍。
介绍了HTMl的基础知识。包括HTml的语法以及各种标签的使用。并通过一个实例说明了在记事本编辑环境下如果生成一个HTML文档。
单元一 HTML5基础知识端基础前WebHTML5表单1表单元素2表单标记访问控制3HTML5新的input类型文本域textField 密码域Password field 单选按钮radioButton 复选框 checkBox下拉列表selcet多行文本框textArea按钮button1...
目录 HTML 1.基本概述 ...下面我们来介绍标签:标签分为单标签和双标签,单标签是为一个箭头结尾的。双标签是要有头有尾的结束。 在html的角度来讲,标签分为: 文本标签: , , ,,,, 容器标签: ,h1~h6
HTML可定义很多供格式化输出的元素,比如粗体和斜体字 1 1 特殊字符:以“&”符号开始,以“;”符号结束 2 会插入一个换行符 2 元素定义段落。浏览器会自动地在段落的前后添加空行是块级元素 2 2 <div> 元素是...
本人在学习中总结的html标签知识,仅用于学习使用,该总结用Xmind编辑汇总,里面总结的知识点较为全面,适合新手,和对前端网页制作感兴趣的同学,当然也适用于生活中用到该知识点的人员。
无论文本块有多长,都必须在开头和结尾处设置标签。 只需写到下一行就不会断行 要创建简单的换行符而不创建新的段落,请使用“ br”标记, 通过这个发现换行 也可以在其中创建自动换行符的列表 主题1 主题二 主题三 ...