Hypertext Markup Language

HTML超文本标记语言,网页的源代码,设计网页使用的

操作的步骤:

一个网页对应的是计算机上的一个文件,该文件的后缀(扩展名)为.html

制作一个网页的操作步骤:

1.首先在电脑上新建一个.html文件.

网页本质上就是一个文本文件,

注意:在给网页文件命名时一定使用英文.

2.使用网页设计工具去设计网页编辑内容.

常用的网页编辑工具:记事本,Dreamveaver,EditPlus,SublineText,Notepadt

3.通过浏览器解析网页文件,并且向用户呈现解析后的效果

网页的制作,一个网页首先是通过HTML语言中提供的标签(标记)来描述的.

标记:html head body 都是有开始结束的\

标记的开始成对的写.

所有的标记一律小写.

网页设计不光是给人看的

head里的东西是给搜索引擎的

body里的东西才是给人看的

(!DOCTYPE)文档类型,一定是HTML5开发的.

作业:

1.搜索HTML的发展史

2.自己做一个网页

3.预习12~20页

Chrome谷歌浏览器

做网页设计一定要考虑兼容性问题

html中的标签(元素,标记):

html中的标签一定是有始有终

分两种情况:语法

1.双标记<标签></标签>,比如:<boody>内容</boody>

2.单标记 语法<标签名/>自闭合.比如:<br/>

属性名 属性值

<meta charset="UTF-8">

标签属性.属于某个对象的特性

所有的标签都有自己的属性,设置标签的格式是在开始标签中使用

属性名="属性值"

注意:网页设计中任何内容不能"裸露"必须通过对应的标签进行描述

用合适的标签,去描述合适的内容

网页的源码格式并不是浏览器最终显示的格式,浏览器在解析网页时忽略空格何换行

&nbsp; 空格

网页是一个文件,图片也是一个独立的文件,我们想要在自己的网页中设计图片html中提

供的img

通过src属性指定网页上要使用的图片路径,每个图片在计算机的位置都不一样

<img src=" " alt="www" title="www" heigh="50"

width="20">

 

img的标签图像来源地址可以是本机,也可以是网络中的其他电脑.

src指定路径有两种情况:

1.绝对路径 没有参考对象,直接用计算机的地址

2.相对路径

链接的三种类型:

1.站内链接

2.站外链接

3.功能性链接

<a href=" "></a>

超链接有一个tgrget属性该属性有两个取值:_self,_blank 默认情况下

如果按链接的内容又分为文本链接和图片链接

超链接中有一种称之为锚链接,从同一个页面的一个位置跳转到另一个位置(发生在同一

个网页的内部)

所有的标签分为两种:

1.块元素

2,行内元素

块元素 特点:独霸一行,宽高有效

行内元素 特点:允许和其他元素同行,宽高有效

img 特殊元素:例外不是块行元素.

列表标签:

1.无序列表

<UL></UL>,<LI><LI>

2.有序列表

<OL></OL>,<LI><LI>

3.自定义列表

<DL><DT></DT><DD></DD></DL>

如果标签没有写属性值就等于属性名

如果标签的属性名何属性值相同,属性值可以不写

Video Controls Autoplay Loop

iframe标签的作用:用来在网页中嵌入其他的子页面

input标签type="text"-->

单行文本默认的

所有表单元素都必须设置name属性

多个单选按钮必须设置相同name才会形成互斥的选择

<input type="submit">

表单还有一个重要属性.method该属性是用来设置表单中数据提交方式,有两种取值

get或post. 默认为get

get不安全

get的特点,将提交的数据通过一定的格式附加到地址

get提交地址的长度有限度的.

如果表单中提交的数据包含图片那么该表单必须post提交

<type="multlpart/form_data">提交图片

<textared name="">多行文本域

cols="" 显示的列

rows="" 显示的行

隐藏域:不希望用户看见又要将该数据提交给服务器

只读何禁用:两个通用属性针对于所有的表单元素<input select textared>

只读:只能看不能改 禁用:不允许用户操作

这两个属性有很大的相似之处,

只读的元素可以提交

禁用的元素用户不能改,也不能提交服务器