HTML常见元素集锦

   在讲课本次课程前:我们先行来拘禁下什么是浏览器:

      
所谓浏览器就是可讲和实践HTML代码的家伙。还有一个概念我们要搞明白,浏览器!=IE,IE只是浏览器中的平等种植。除了IE还有N多浏览器,google一把,就好理解。我们就算不再赘述了。

第一我们来了解下啊是HTML

  1. 什么是HTML

       HTML全称:Hyper Text Mark-up
Language(超文本标记语言)。就是描述网页长相和网页内容的文件。HTML之所以能够显现出丰富多彩的效能,是浏览器的功效。

补偿内容:这里我们再次来扩大一些情节,就是千篇一律之HTML文本,在未浏览器上,效果说不定不雷同。这是因事先出现了大半独浏览器,然后才发出矣对应的专业。鉴于这种情景,我们好应用IETester来测试相同之HTML代码在不同浏览器上的兼容性问题。

   2,静态页面及动态页面

   还有一些咱们要掌握,静态页面及动态页面的区分。

   首先,网站的页面分为静态页面及动态页面两种植。

  
静态页面:后缀为html或者htm的且是静态页面,在服务器上出一个恒定的html页面

  
动态页面:服务器上无用户需要浏览的页面,但是服务器可以动态变化客户所急需的html页面,然后呈现让客户。

 
 用一句子话概括两者的分:动态页面执行服务器端代码,静态页面不会见尽服务器端代码(现在大家先了解下就ok,毕竟静态页面是咱今天之讨论要)

3.如何下笔一个HTML页面?

  
书写HTML有多种家伙,相信记事本大家还了解,用记事本就可开HTML页面。当然是为此EditPlus/UltraEdit等高档记事本也足以挥洒,还足以是故Dreamweaver等工具。

生图是一个HTML网页基本组织

图片 1

     
通过达成图可以看看,所有内容都于<html></html>标签内;<head></head>内放的是首信息,对页面的叙述,该内容未见面来得在页面中。<title></title>中设置的凡页面的题,<title>只能坐<head>中;<body></body>是页面的主导,该标签内之文本会在网页上亮。当然有页面至少应涵盖这些部分。

提醒:title标签的了断标签而没关,则全页面都未显得。

4.HTML同XML的异同点

 相同点:都是符号语言,都好经过dom方式访,都可经css来转外观

 不同点:

  1. xml比html语法更严苛:有起标签就是需要发出完标签、大小写一致、属性用对引号等。
  2. xml侧重数据存储,html侧重数据展示。

5.xhtml和dhtml

Xhtml:可扩大标记语言,是再次符合xml语法规范的html。Xhtml的起重要是为为xml过渡。Xhtml要求:全部大写、标签配对、属性用对引号。

 图片 2

dhtml: Dynamic HTML的简称,就是动态的html。 HTML、样式表和JavaScript
的构成

加:Web标准未是一个正式,而是同文山会海标准的汇。

网页由三管辖组成:结构,表现及作为

组织:文字、图片等  对承诺语言:xml,xhtml

展现:也号称样式,如文字大小和颜色等,这些也还是经体制来贯彻之。css

表现:客户端的动态效果,一般通过javascript来形成。DOM,ECMAScript

属下去我们上正题:学习html常因此竹签。

6.html标签

01,h标签(标题),HTML定义了<h1></h1>到<h6></h6>六独h标签,分别表示不同大小的字。h1最酷,h6最小。

02,  <br/>只是回车,是自个儿闭合的价签

03,  
<p>是分。<p>前后会出比较特别之空白,而<br/>则没。

04,  <center>居中</center>居中显示.(不引进以)

05, 
<b>a</b>粗体,推荐<strong>。<i>b</i>斜体。<u>c</u>带产划线。<em>强调,斜体</em>

06, <font></font>字体标签,<font color=“red“ size=“7”
face=“隶书”>红色</font>

07,<hr> 水平线  常用性:color  size(厚度)  width(长度) 
align=left/center/right (默认为剧中显得)

7.html特殊字符

图片 3

”  "

&  &

<  <

>  >

空格   

©  ©

®  ®

²  ²

¥  ¥

³ ³

8.图像格式扩展

 图片 4

9.图像标签:<img
alt=”无法展示时提醒文本”>

Alt:无法显示图片时之唤醒文本。

10.超链接:

 图片 5

href指出要连接的对象页面,target指为目标窗口也价值,取值

_blank :在新窗口被开辟

         _self :在自己的窗口被打开

         _parent :父窗口中打开

         _top :表示于五星级窗口打开

         框架名称:在指定框架中开拓。(了解)

锚链接:01假设置锚的岗位

<a name=”showBigImg”><img src=”image/02.jpg”></a>

02.调用锚

<a href=”#showBigImg”>看仙女图片</a>

11.Html惨遭之列表:

分成无序列表,有序列表和概念列表

下面我们看下各种列表的展示效果图

 图片 6

无序列表:

<ul>

  <li></li>

  <li></li>

</ul>

一如既往列表

<ol>

<li></li>

<li></li>

</ol>

概念列表:

<dl>

<dt>中国</dt>

<dd>上海</dd>

<dd>广州</dd>

<dd>北京</dd>

</dl>

type的取值可以是:1、a、A、i、I、disc、circle、square。

12.表格:显示规整的数码,有时也用于布局。

 图片 7

起上图可以望,表格由行和排成,行用tr表示,列用td表示。还可使用rowspan(合并行)、colspan(和并列)进行单元格的集合。

 图片 8

习一:用html代码输出一下表格

 图片 9

勤学苦练2:表格的跨行和跨列

 图片 10

13.表单

 图片 11

action默认为本页提交数据

假如要将数量提交至服务器,则要拿<input>、<textarea>、<select>等表单元素放到form中。Input的品类取值如下:

 图片 12

Checked属性是啊单选按钮和复选框准备的

单选按钮用于同一组相互排斥的值,效果图如下

 图片 13

复选框效果图如下

 图片 14

按钮主要有三种:提交按钮,重置按钮和日常按钮

 图片 15

下拉列表框

 图片 16

语法:

 图片 17

14.基本上作本框:

<textarea>文本</textarea>,cols=“50”、rows=“15”属性表示行数和列数。

广阔表单元素的应用:

 图片 18

今我们对html的议论就先到这边。