黑马程序员技术交流社区

标题: 【哈尔滨校区】HTML的概述与应用 [打印本页]

作者: 敲代码--- 时间: 2017-12-12 20:49
标题: 【哈尔滨校区】HTML的概述与应用
【HTML概述】：
HTML是一种超文本标记语言，主要用来制作页面(静态页面)。
【HTML的使用】
HTML文件的创建
一个HTML文件，扩展名以 .html或.htm结尾
html文件中的内容注释为：
HTML的结构标签
   <html></html>——根标签
   <head></head>——html的头标签
   <boby></boby>——html的体标签
HTML的换行标签：<br/>
分割线标签：<hr/>
【HTML的字体标签】
html的字体标签：<font>文字</font>
<font>标签的属性：
<标签属性名=”属性值”  属性名=”属性值”></标签>
  属性：
color属性：可以使用英文单词和16进制进行设置
   size属性：字体的大小
   face属性：字体的格式
【HTML的排版标签】
html的标题标签：h标签<h1>...<h6>
html的段落标签：<p>段落内容</p>
字体的加粗标签：<b>内容</b>
字体的倾斜标签：<i>内容</i>
字体的下划线标签：<u>内容</u>
字体的居中标签：<center>内容</center>
【HTML的图片标签】
  图片标签：<img>
属性：
      src：图片的来源
      width：图片的宽度
      height：图片的长度
      alt：图片找不到显示的美容
  图片引入路径问题：
路径：相对路径
      如果引用的图片和html在同一路径下直接写文件名或./文件名
      eg:<img src=”文件名” />或<img src=”./文件名” />
      如果引用的图片在html文件的上一级路径则写../文件名
      eg:<img src=”../文件名” />
      如果引用的图片在html文件的下一级路径则写
      eg:<img src=”img/文件名” />
【HTML的列表标签】
有序列表
  <ol>
   <li></li>
  </ol>
  属性：type属性
      1    ：数字类型
      a    ：英文类型
      i    ：罗马类型
无序列表
  <ul>
   <li></li>
  </ul>
  属性：type属性
disc：实心点 circle：空心圆 square：方块
【HTML的超链接标签】
  超链接标签：<a>
  属性：
href：链接的路径
target：打开的方式
      _self：在自身的页面打开
      _blank：打开一个新的窗口
【HTML的表格标签】
  <table>
   <tr>
      <td></td>
   </tr>
  </table>
  属性：
   wider：表格宽度
   height：表格长度
   border：表格边框
   align：表格的水平位置 :left  right  center
  <td>的属性：
   colspan=”列数”
   rowsapan=”行数”
【HTML表单标签】★★★★★
HTML的表单标签：<form>
常用属性:
   action属性:提交的路径.默认提交到当前页面
   method属性:请求的方式.GET和POST.默认是GET.
   ★★★ GET方式和POST方式的区别?
         GET:数据会显示到地址栏中.GET方式提交是有大小的限制.
         POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制.

HTML中表单元素：
   <input type=”text”> ：文本框.
      常用属性:
      name ：表单元素的名称.必须有name属性，然后后台才可以接收数据.
      value ：文本框的默认值.
      size：文本框的长度.
      maxlength：文本框输入的最大长度.
      readonly：只读文本框.
   <input type=”password”>：密码框.
   常用属性:
      name ：表单元素的名称.必须有name属性，然后后台才可以接收数据.
      value ：密码框的默认值.
      size：密码框的长度.
      maxlength：密码框输入的最大长度
   <input type=”radio”>：单选按钮.
   常用的属性:
      name ：表单元素的名称.必须有name属性，然后后台才可以接收数据.
      value ：单选按钮的默认值.
      checked：单选按钮默认被选中.
   <input type=”checkbox”>：复选按钮.
   常用的属性:
      name ：表单元素的名称.必须有name属性，然后后台才可以接收数据.
      value ：单选按钮的默认值.
      checked：单选按钮默认被选中
   <input type=”button”>：普通按钮.没有任何功能的按钮.
   <input type=”submit”>：提交按钮.
   <input type=”reset”>：重置按钮.
   <input type=”file”>：文件上传的表单项.
   <input type=”hidden”>：隐藏字段.
   <input type=”image”>：图片按钮

      <select>：下拉列表.
      <textarea>：文本域.

作者: nighhr 时间: 2017-12-13 13:57
厉害了还有星星标重点。。

作者: 看不见我 时间: 2017-12-13 13:58
总结的很好条理清晰

作者: pyx0812 时间: 2017-12-13 13:58
感谢细心总结，又从新回顾一下知识点

作者: 870263491 时间: 2017-12-13 13:58
内容全面，对初次接触HTML很有帮助

作者: synchronize 时间: 2017-12-13 13:58
background

作者: Vampire军哥 时间: 2017-12-13 13:58
东西写的很详细，看了很有帮助

作者: 聆听者 时间: 2017-12-13 13:59
刚开始学这段，总结的内容很详尽，很有帮助，谢谢，已get

作者: 学员123 时间: 2017-12-13 13:59
内容详细

作者: cdreamx 时间: 2017-12-13 13:59
老铁没毛病

作者: sxnacm 时间: 2017-12-13 13:59
很详细，很全面

作者: 武来彬 时间: 2017-12-13 13:59
标签整理很好条例清晰非常棒

作者: 骑士冈布奥 时间: 2017-12-13 13:59
超详细啊，收藏收藏

作者: 吴海涛_ 时间: 2017-12-13 13:59
非常详细

作者: 爱奋斗的桃花侠 时间: 2017-12-13 13:59
厉害了，重点，重点中的重点一目了然

作者: zhanzuhui 时间: 2017-12-13 13:59
很好，很不错，很全面

作者: 小鹿哥 时间: 2017-12-13 14:00
哪位老铁整理的这也太全了吧感谢你哦

作者: weiyipeng123456 时间: 2017-12-13 14:00
很好正好这里学的不怎么样让我在学一学

作者: 呵呵哈哈256 时间: 2017-12-13 14:00
写的好！！！！

作者: JavaDeveloper 时间: 2017-12-13 14:00
总结的很好，常用的都能涉及到，不错不错

作者: ycbin 时间: 2017-12-13 14:00
非常全面，收益很多

作者: 刘汉国 时间: 2017-12-13 14:01
总结的真好，清晰简洁，值得学习

作者: 黑胡子爷爷 时间: 2017-12-13 14:01
加油非常棒就是有点多记不住

作者: 刘昌昊 时间: 2017-12-13 14:01
内容很全面

作者: 董国洋_ 时间: 2017-12-13 14:01
十分详细

作者: 咯洛洛1 时间: 2017-12-13 14:01
挺详细的

作者: 15846125943 时间: 2017-12-13 14:02
很详细还点背啊

作者: Lust 时间: 2017-12-13 14:02
文笔整洁，内容详细，又有星星表重点，感觉可以直接作为笔记收藏。感谢分享

作者: 王瑞楠 时间: 2017-12-13 14:02
表格标签的宽度那个应该是 width 吧，正想整理这些基础标签，因为总是忘，只不过还没整理完

作者: Lee0 时间: 2017-12-13 14:02
挺好不记得了就来看一看

作者: lin632854170 时间: 2017-12-13 20:34

JavaDeveloper 发表于 2017-12-13 14:00
总结的很好，常用的都能涉及到，不错不错

可用收藏起来，以后忘记的时候可以看看

作者: 王宇航 时间: 2017-12-13 20:34

JavaDeveloper 发表于 2017-12-13 14:00
总结的很好，常用的都能涉及到，不错不错

看完能想起以前忘记的知识点

作者: lin632854170 时间: 2017-12-13 20:35
整理的很清晰，以后忘记的时候可以看看，先收藏

作者: 峨眉山吴彦祖 时间: 2017-12-13 20:49
总结的很全面不错

作者: 李兴男JavaEE6期 时间: 2017-12-13 21:30
比较全面最近学习的内容都有涉及

作者: 默契人生 时间: 2017-12-13 21:30
刚开始学的有点多记不住啊？

作者: 潘慧峰 时间: 2017-12-13 22:07
总结的很全面。有的地方我自己没有记到。

作者: 崔越 时间: 2017-12-13 22:09
黑马中有善代码者赞赞赞

作者: demo_jean 时间: 2017-12-13 22:10
写的很好哇

作者: 恋爱不如敲代码 时间: 2017-12-13 22:15
刚好用的到已经当笔记抄了

作者: 天敬沅 时间: 2017-12-13 22:41
非常有帮助,受教了

作者: Zzz丶 时间: 2017-12-14 00:23
html这标签属性乱乱的,经常靠蒙,还不报错,还是喜欢我大eclip

作者: 黑马与你同在 时间: 2017-12-14 12:46

作者: Lee0 时间: 2017-12-14 19:25
以后不会了就来这看看

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2