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">
标签属性.属于某个对象的特性
所有的标签都有自己的属性,设置标签的格式是在开始标签中使用
属性名="属性值"
注意:网页设计中任何内容不能"裸露"必须通过对应的标签进行描述
用合适的标签,去描述合适的内容
网页的源码格式并不是浏览器最终显示的格式,浏览器在解析网页时忽略空格何换行
空格
网页是一个文件,图片也是一个独立的文件,我们想要在自己的网页中设计图片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>
只读:只能看不能改 禁用:不允许用户操作
这两个属性有很大的相似之处,
只读的元素可以提交
禁用的元素用户不能改,也不能提交服务器