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/>

属性名属性值

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

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

属性名="属性值"

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

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

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

  空格

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

供的img

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

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

width="20">

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

src指定路径有两种情况:

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

2.相对路径

链接的三种类型:

1.站内链接

2.站外链接

3.功能性链接

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

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

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

个网页的内部)

所有的标签分为两种:

1.块元素

2,行内元素

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

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

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

列表标签:

1.无序列表

2.有序列表

3.自定义列表

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

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

Video Controls Autoplay Loop

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

input标签type="text"-->

单行文本默认的

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

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

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

get或post. 默认为get

get不安全

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

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

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

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

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

cols="" 显示的列

rows="" 显示的行

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

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

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

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

只读的元素可以提交

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

Hypertext Markup Language相关推荐

超文本标记语言（英语：HyperText Markup Language，简称：HTML）
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上 ...
超文本标记语言(HyperText Markup Language，简称HTML)
1.什么是HTML? HTML是用来描述网页的一种语言 HTML指的是超文本标记语言:HyperText Markup Language,是一种用于创建网页的标准标记语言 HTML不是 ...
HTML-HyperText Markup Language
一个例子 <!DOCTYPE html> 声明为 HTML5 文档 doctype 声明是不区分大小写的 <html> 元素是 HTML 页面的根元素 <head> ...
Coursera课程Python for everyone：Quiz: eXtensible Markup Language
eXtensible Markup Language 10 试题 1. What is "serialization" when we are talking about web ...
HTML - 超文本标记语言 (Hyper Text Markup Language)
HTML - 超文本标记语言 (Hyper Text Markup Language) HTML是建设网站/网页制作主要语言. HTML是一种易于学习的标记语言. HTML使用像 <p> ...
java 解析标记语言_Java XML可扩展标记语言（eXtensible Markup Language）
一.XMl 1.1.XML简介: XML指可扩展标记语言(eXtensible Markup Language),它是一种很像HTML的标记语言.XML的设计宗旨是传输数据,焦点是数据的内容,而HTM ...
html文件是一种使用超文本标记语言,超文本标记语言HTML HTML(Hyper Text Markup Language,.ppt...
超文本标记语言HTML HTML(Hyper Text Markup Language, 5)链接到多媒体对象如果将标记的href属性的值指定为其它文件,那么就可以连接到指定的其它类型的文件.例如使 ...
AML(Automation Markup Language)简单介绍
AML学习 AML简介概念 AML架构图工厂拓扑信息建模Modelling of plant topology information AML术语 AML 关系规范 Class-instance- ...
Geography Markup Language (GML)
3. Geography Markup Language (GML) 地理注记 GML (http://www.opengeospatial.org/standards/gml) 是一种 XML 语法 ...

Hypertext Markup Language

Hypertext Markup Language相关推荐

最新文章

热门文章