`
holoblog
  • 浏览: 1225911 次
博客专栏
E0fcf0b7-6756-3051-9a54-90b4324c9940
SQL Server 20...
浏览量:18916
文章分类
社区版块
存档分类
最新评论

HTML:基础知识介绍和标签

 
阅读更多

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>表示删除的文字。

特殊的字符:

&lt:表示<

&gt表示>

&amp表示&

&quot表示 "

块级元素&内联元素:

块级元素的前后都是换行的。

内联元素前后都不换行。



分享到:
评论

相关推荐

    Web前端基础:HTML5语义化标签.pptx

    单元一 HTML5基础知识端基础前WebHTML5语义化标签HTML5新增的语义化标签主要有:、、、、、、&lt;time&gt;...语义化标签优点:为了在没有CSS的情况下,页面也能呈现出很好的内容结构比标签有更加丰富的含义,方便开发与...

    HTML5基础知识-HTML5多媒体标签.pptx

    单元一 HTML5基础知识端基础前WebHTML5多媒体标签1常用多媒体格式2播放音频audio播放视频video34其他多媒体标签1常用多媒体格式音频格式1、WAV 微软和IBM共同开发的PC标准声音格式,文件后缀名.wav。2、MP3 MP3是一...

    html基础知识点以及常用标签

    适合前端小白学习的HTML基础知识点,涉及了绝大多数常用的标签以及属性。部分标签有案例分析,可以帮助你更好地理解。有想学习或了解前端的,可以看一下哈,HTML基础是前端的敲门砖。

    JavaScript【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的标签与属性: 第二章 HTML主体标签及属性、颜色的设定

    html简单知识点总结,常用标签总结,简洁界面 ,框架的基础例子

    该网页包含了常用的html基本标签,包括了一些标签的小例子演示,都集成在一个html页面中,方便初学者学习和温习,基础中的基础,框架的基础例子

    HTM基础知识学习

    HTM基础知识学习 我们刚才讲到:HTML 标签对大小写是不敏感的:&lt;b&gt; 和 &lt;B&gt; 的作用的相同的。当您在网上冲浪时,您会发现大多数教程在他们的例子中都使用大写的HTML标签。而我们总是使用小写。原因何在呢? 如果您...

    HTML相关技术基础知识

    HTML相关技术基础知识,表单标签,事件等详解。

    前端基础知识h5篇,需要的同学自行下载

    HTML基础知识 1.HTML为何物? HTML是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。注意:HTML不是一种编程语言,而是一种标记语言。简单来说,HTML文件也可以直接称为网页,浏览器的作用...

    html基本(超全的html基础知识)

    第一讲 HTML概述+第二讲 HTML常用标签+第三讲 form表单+第四讲 表格table+html颜色代码

    前端基础知识css篇,需要的同学自行下载

    基础选择器介绍 基础选择器基本上都由单个选择器组成,主要分为: 标签选择器 类选择器 id选择器 通配符选择器 标签选择器 标签选择器:是指⽤HTML标签名称作为选择器,按标签名称分类为⻚⾯中某⼀类标签指定统...

    HTML的基础知识.doc

    HTML的基础知识.doc 在学习Adobe Dreamweaver CS3之前,有些HTML的基础知识你还是需要学习了解的。本文将HTML的标签详细解释了一遍。

    HTML基础知识简介

    介绍了HTMl的基础知识。包括HTml的语法以及各种标签的使用。并通过一个实例说明了在记事本编辑环境下如果生成一个HTML文档。

    HTML5基础知识-HTML5表单.pptx

    单元一 HTML5基础知识端基础前WebHTML5表单1表单元素2表单标记访问控制3HTML5新的input类型文本域textField 密码域Password field 单选按钮radioButton 复选框 checkBox下拉列表selcet多行文本框textArea按钮button1...

    HTML+CSS+JS基础知识

    目录 HTML 1.基本概述 ...下面我们来介绍标签:标签分为单标签和双标签,单标签是为一个箭头结尾的。双标签是要有头有尾的结束。 在html的角度来讲,标签分为: 文本标签:  , , ,,,, 容器标签: ,h1~h6

    Web前端基础:HTML5文本标签.pptx

    HTML可定义很多供格式化输出的元素,比如粗体和斜体字 1 1 特殊字符:以“&”符号开始,以“;”符号结束 2 会插入一个换行符 2 元素定义段落。浏览器会自动地在段落的前后添加空行是块级元素 2 2 &lt;div&gt; 元素是...

    html标签.xmind

    本人在学习中总结的html标签知识,仅用于学习使用,该总结用Xmind编辑汇总,里面总结的知识点较为全面,适合新手,和对前端网页制作感兴趣的同学,当然也适用于生活中用到该知识点的人员。

    ist的matlab代码-Grundlagen-html:基础知识-html

    无论文本块有多长,都必须在开头和结尾处设置标签。 只需写到下一行就不会断行 要创建简单的换行符而不创建新的段落,请使用“ br”标记, 通过这个发现换行 也可以在其中创建自动换行符的列表 主题1 主题二 主题三 ...

Global site tag (gtag.js) - Google Analytics