html总结

1、HTML：hyptext  markup language的缩写，超文本标记语言。

2、我们在学习任何一门技术的时候，都要去查相应的文档，HTML的文档就是

w3c  school ( w3c万维网联盟，1994年)

3、我们学习的html、css、javascript都是万维网维护的

4、HTML的后缀名是.html、.htm

5、HTML的标签大体可以以分为单标签、双标签。

      单标签：<br /> <hr/>换行

     双标签：<a href=”www.baidu.com’></a>

      属性：属性值单双引号都可以

6、IDE(集成开发环境--- integrated development environment) 工具：webstorm、三剑客、MyEclipse

7、<!--  注释内容 -->

常用标签：

1、<p>段落标记</p>  段前段后都会有一行空白行。

2、字体标签

 

 

 

最常用的 是  font, h1到 h6.



 
 
 

 

3、特殊标签：用来显示特定符号的

 


 
 

4、列表标签：有序（ol）、无序(ul)、自定义列表(dl)

Ol:


 
 

Ul:

 
  

Dl:

 

  

5、图像标签（重要）

 
  

 

6、表格标签（较重要）

  

<!-- 每写一个 tr表示一行,  每写一个 td表示一列

  在table 中可以添加属性去控制表格的显示样式:

  例如: 可以设置 border 设置边框, 通过 width设置宽度, height设置高度....

 

  最基本的最重要的表格元素,  table, tr, td

 

  cellspacing="15", 设置相邻的两个列之间的外部间隔的距离

  cellpadding="25", 设置  数据到边框的内举例

盒子模型：

  

 

7、超链接（重要）：即一个入口，点击它，就可以跳转到另外一个页面。

href属性用于指定跳转到的目标页面.

    target: 翻译过来表示目标, 是用来设置跳转到目标页面的时候是如何跳转的

   

    没有设置 target的默认值, 那么就是 _self , 表示跳转到目标页面的时候,就在当前页面

    直接跳过去, 那么会覆盖当前的已经打开的页面

   

    _blank, new 都表示在新的窗口中去打开目标页面 . ---- 这个值是最最常用的 .

 

  <!-- 通过 ?  拼接参数 , 带参数过去, 当  需要带多个参数时 ,可以使用

    & 符号拼接

   

    例如 :  1.html?id=5&name=hh

   -->

添加锚点的步骤:

    1. 在a标签中添加 name和 id, 设置锚点

    2. 通过 href属性 #name或者 #id的值可以跳到锚点所在的位置

应用场景: 很多网站一个页面比较长, 那么拖到底部希望快速回到顶部时就可以这样.

 

8、表单标签：

 

  

10、其他标签(了解)

 

 

 

 

作业：

1、使用font标签模拟 google的logo。

 

 

2、练习img标签，在页面上嵌入图片

3、练习表格标签，完成联系人信息的展示成联系人信息的展示

4、练习超链接标签，完成访问新浪，百度，黑马程序员网站的导航 , 在新的窗口中去显示

6、使用form标签结合input等标签完成一个注册页面,并对页面进行简单格式化 --- （复杂的表单）