HTML常见元素集锦

   在上课这一次课程前:大家先来看下什么是浏览器:

      
所谓浏览器正是足以解释和实践HTML代码的工具。还有贰个定义大家须求搞掌握,浏览器!=IE,IE只是浏览器当中的一种。除了IE还有N多浏览器,google一把,就足以知道。大家就不再赘言了。

率先我们来打探下什么样是HTML

  1. 什么是HTML

       HTML全称:Hyper Text 马克-up
Language(超文本标志语言)。正是讲述网页长相以及网页内容的文本。HTML之所以能呈现出各式各样的机能,是浏览器的机能。

补充内容:那里我们再来扩张一些剧情,正是一致的HTML文本,在不浏览器上,效果可能不均等。那是因为先现身了八个浏览器,然后才有了相应的标准。鉴于那种情状,大家得以应用IETester来测试一样的HTML代码在分化浏览器上的包容性难点。

   二,静态页面和动态页面

   还有一些大家供给明白,静态页面和动态页面包车型客车区别。

   首先,网址的页面分为静态页面和动态页面两种。

  
静态页面:后缀为html或然htm的都是静态页面,在服务器上有1个定点的html页面

  
动态页面:服务器上尚未用户须要浏览的页面,不过服务器能够动态变化客户所需的html页面,然后突显给客户。

 
 用一句话回顾两者的分别:动态页面试行服务器端代码,静态页面不会实行服务器端代码(以往我们先通晓下就ok,毕竟静态页面是我们明天的研讨珍视)

三.怎么着下笔二个HTML页面?

  
书写HTML有二种工具,相信记事本大家都知道,用记事本就足以书写HTML页面。当然是用艾德itPlus/Ultra艾德it等高档记事本也得以书写,还足以是用Dreamweaver等工具。

下图是三个HTML网页基本结构

ECMAScript 1

     
通过上海图书馆能够观望,全部内容都在<html></html>标签之内;<head></head>内放的是尾部消息,对页面包车型客车叙述,该内容不会显得在页面中。<title></title>中设置的是页面包车型地铁标题,<title>只好放到<head>中;<body></body>是页面包车型地铁主导,该标签内的文本会在网页上显得。当然全部页面至少应包涵那一个部分。

升迁:title标签的截至标签要是未有关掉,则整个页面都不出示。

四.HTML和XML的异同点

 一样点:都是符号语言,都得以通过dom方式访问,都可经过css来改换外观

 不同点:

  1. xml比html语法更严谨:有始发标签就须要有收尾标签、大小写1致、属性用双引号等。
  2. xml侧重数据存储,html侧重数据体现。

5.xhtml和dhtml

Xhtml:可扩展标志语言,是更切合xml语法标准的html。Xhtml的面世根本是为着向xml过渡。Xhtml须求:全部大写、标签配对、属性用双引号。

 ECMAScript 2

dhtml: Dynamic HTML的简称,便是动态的html。 HTML、样式表和JavaScript
的咬合

增补:Web标准不是1个行业内部,而是一多级专门的学问的联谊。

网页由三部组成:结构,表现和行事

布局:文字、图片等  对应语言:xml,xhtml

展现:也称之为样式,如文字大小和颜料等,那几个也都以通过体制来贯彻的。css

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

接下去我们进入正题:学习html常用竹签。

6.html标签

0一,h标签(标题),HTML定义了<h1></h1>到<h6></h陆>七个h标签,分别表示分裂尺寸的书体。h一最大,h陆最小。

0二,  <br/>只是回车,是自身闭合的标签

0三,  
<p>是分支。<p>前后会有相当的大的空域,而<br/>则并未有。

04,  <center>居中</center>居中展现.(不引入应用)

05, 
<b>a</b>粗体,推荐<strong>。<i>b</i>斜体。<u>c</u>水肿划线。<em>重申,斜体</em>

0陆, <font></font>字体标签,<font color=“red“ size=“7”
face=“行草”>豆绿</font>

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

七.html特殊字符

ECMAScript 3

”  "

&  &

<  <

>  >

空格   

©  ©

®  ®

²  ²

¥  ¥

³ ³

八.图像格式扩充

 ECMAScript 4

九.图像标签:<img
alt=”不能显示时提示文本”>

Alt:不能够呈现图片时的唤醒文本。

10.超链接:

 ECMAScript 5

ECMAScript,href提议要一连的对象页面,target指向目标窗口为值,取值

_blank :在新窗口中开拓

         _self :在温馨的窗口中张开

         _parent :父窗口中展开

         _top :表示在超级窗口张开

         框架名称:在钦定框架中开采。(领悟)

锚链接:0壹设置锚的职位

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

02.调用锚

<a href=”#showBigImg”>看丽人图片</a>

1壹.Html中的列表:

分成严节列表,有连串表和定义列表

上边我们看下种种列表的显得效果图

 ECMAScript 6

九冬列表:

<ul>

  <li></li>

  <li></li>

</ul>

不改变列表

<ol>

<li></li>

<li></li>

</ol>

概念列表:

<dl>

<dt>中国</dt>

<dd>上海</dd>

<dd>广州</dd>

<dd>北京</dd>

</dl>

type的取值能够是:一、a、A、i、I、disc、circle、square。

1二.表格:展现规整的数目,有时也用于布局。

 ECMAScript 7

从上海体育场面能够看来,表格由行和列组成,行用tr表示,列用td表示。还足以选用rowspan(合并行)、colspan(和并列)举行单元格的合并。

 ECMAScript 8

勤学苦练一:用html代码输出一下报表

 ECMAScript 9

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

 ECMAScript 10

13.表单

 ECMAScript 11

action暗中认可向本页提交数据

假设要把数据交由到服务器,则需求将<input>、<textarea>、<select>等表单成分放到form中。Input的连串取值如下:

 ECMAScript 12

Checked属性是为单选开关和复选框策动的

单选开关用于壹组相互排挤的值,效果图如下

 ECMAScript 13

复选框效果图如下

 ECMAScript 14

按键重要有二种:提交按键,重新载入参数开关和常常按键

 ECMAScript 15

下拉列表框

 ECMAScript 16

语法:

 ECMAScript 17

1四.多作文本框:

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

广泛表单成分的运用:

 ECMAScript 18

今日大家对html的座谈就先到那里。