黑马程序员技术交流社区

标题: Web前端-HTML [打印本页]

作者: 森111    时间: 2018-12-29 14:57
标题: Web前端-HTML
本帖最后由 森111 于 2018-12-29 14:58 编辑

<center>
Web前端-HTMLHTML
1.HTML概述
什么是HTMLHTML的结构
详见3cSchool
<html>
  <head>
     <title> 标题 </title>
  </head>
  <body>
     <font colr = 'red'> 内容 </font> <br/>
     <meta charset = 'utf-8'></meta>
  </body>
</html>
==2.HTML标签==
文件标签
- <html></html> : html文档的根标签
- <head></head> : html文档的头标签,用于放初始化信息,如<style><meta charset>等
- <body></body> : html文档的体标签
- <!DOCTPYE html>:htm5中定义的声明标签,在<html>之前
文本标签
<br/> : 换行标签
<hr/> : 横线标签
<p></p> : 段落标签
<center></center> : 居中标签
<font></font> : 字体标签
<u></u> : 下划线标签
<i></i> : 斜体标签
<b><b/> : 粗体标签
图片标签 *
<img src="" alt="">
- src: 最好使用相对路径
- alt: alert
超链接标签
<a href="" target="">
- href:超链接地址,如果写 "javascript:viod(0)"则失去超链接作用,相当于一个按钮
- target: 可以取_self和_blank两个值,分别在当前页和新选项卡打开超链接
列标签 **
<ul>/<ol>
   <li>innerHTML</li>
   <li>innerHTML</li>
   <li>innerHTML</li>
   <li>innerHTML</li>
</ul>/</ol>
表格标签 *
<table> <!--表格-->
  <tr>  <!--行-->
    <td>/<th>  <!--列或表头(表头最多只有一行)>
    </td>/</th>
  </tr>
</table>
==3.表单== **
表单
格式: <form action="" method="get/post">
                 表单项
      </form>
注意:
-action 属性定义提交的地址
-get/post 属性定义提交的方式
   **get:提交的内容封装在请求栏中,并在地址栏中显示
   **post:提交的内容封装在请求体中,并在地址栏中显示
-表单项中必须有name属性才会被提交!!!!
表单项
格式:<input type="" name="">
type值:
- text: 文本(默认值)
- password: 密文文本
- hidden: 隐藏表单,可以赋值并回传,一般都有value属性
- radio: 单选框,一般多个具有相同name属性和不同value属性的radio一起使用
- checkbox: 复选框,一般多个具有相同name属性和不同value属性的checkbox一起使用
- submit: 确认按钮
- button: 按钮
- reset: 重置按钮
- image: 图片按钮 image需要设置src属性
- file***: 文件选择框格式: <select name="">
          <option value="">值</option>
          <option value="">值</option>
          <option value="">值</option>
      </select>格式: textarea(rows="" cols="")






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