HTML所学浅显总结

1.切片工具的使用:对网页结构进行划分
1>网页结构的划分遵循逐级划分原则:从外往里---从上往下---从外网内
一般的一级拆分:header头部--banner轮播图--main主体--footer底部
2>图片的获取遵循一像素原则;
3>按control加鼠标左键 可以对切图错误和不想要的截取选中进行delete删除
4>ctrl+shift+alt+s

2.html不是一种编程语言 而是一种标记语言
html是使用标记描述网页 标签是由尖括号包围的关键字
<html></html>通常是成对出现的 也有单闭合标签
html超文本标记语言 可以看做是所有网页标签的一个容器

3.head定义了网页(文档)的信息 (不会在浏览窗口显示)
其中meta王亚茹文档中的元数据 网页的元信息
首页起名一定要用index

4.div俗称盒子
特点:1>默认高度为0 宽度相对于父级盒子100%;
2>独立成行,垂直显示(系统默认是垂直布局)

包含关系:父子关系;同级关系:兄弟关系

5.img标签:ctrl+H添加图片的路径 title="鼠标悬停时显示的文字" alt="图片路径出问题的给用户的提示"
前景图:会站位 不会平铺,
背景图:不会占位 会平铺
6.a标签:超链接标签
<a href="跳转网址">文字内容或图片</a>
特征:自带蓝色 下划线 访问后会变紫色 如果是空链接 可暂用#占位;
这种自带的标签样式是无法父级改变的 只能通过本身就改变样式
新窗口打开target="_blank"
邮件链接:mailto:

7.锚点技术:
第一种方法 1>下锚(做记号) 跳转目标的位置<a name="自定义锚点名"></a>
2>在导航上写<a href="锚点名"></a>
第二种方法 1>下锚 <div id="自定义秒点名"></a>
2>在导航上写<a href="锚点名"></a>


8.form表单标签 ---相当于表单控件的容器
格式:<input type="类型"/>
文本框:type="text" ; name="标示名" ; value="默认值";

name属性规定了input元素的名称,用于对提交到服务器后的表单数据进行标识,或者在客户端通过js引用表单数据

posted on 2017-03-07 17:12  小M630  阅读(187)  评论(0)    收藏  举报

导航