黑马程序员技术交流社区

标题: 【石家庄校区】WEB01-HTML [打印本页]

作者: 赵小光 时间: 2017-11-19 21:54
标题: 【石家庄校区】WEB01-HTML
本帖最后由小石姐姐于 2017-11-20 13:30 编辑

HTML:Hyper Text Markup Language  --- 超文本标记语言
标记语言:通过一组标签形式描述事物的一门语言
超文本:比普通文本更强大
HTML的作用
用来制作页面(静态页面),在设计网站的页面的时候都要使用到HTML

<ul style="list-style: none;">
                     <li><a href="http://www.baidu.com" target="_self">百度一下</a></li>
                     <li><a href=>上海</a></li>
                     <li>深圳</li>
            </ul>
            <table border="1px" width="100%" height="300px" align="center">
                     <tr>
                              <td rowspan="2"></td>
                              <td></td>
                              <td colspan="2"></td>
                     </tr>

                     <tr>
                              <td></td>
                              <td></td>
                              <td ></td>
                     </tr>
            </table>

HTML的表单标签
表单标签 <form>
表单元素
<input type="text">:             文本框
<input type="password">       密码框
<input type="radio">       单选按钮
<input type="checkbox">       复选按钮
<input type="button">       普通按钮,没有任何功能
<input type="submit">       提交按钮
<input type="reset">       重置按钮
<input type="file">             文件上传的表单项
<input type="hidden">       隐藏字段
<input type="image">       图片按钮

<select>                               下拉列表默认被选中selected
<textarea>                      文本域

HTML的表单标签：<form>
   * 常用属性:
      * action属性:提交的路径.默认提交到当前页面
      * method属性:请求的方式.GET和POST.默认是GET.
GET方式和POST方式的区别
GET:数据会显示到地址栏中,GET提交有大小的限制,
POST:数据不会显示到数据栏,没有大小的限制.POST更加安全
HTML5扩展的表单标签(HTML5不是所有浏览器都支持)
<input type="email">       邮箱
<input type="date">             日期
<input type="number">       数字
<input type="color">       颜色

<input type="text">             文本框
常用属性
name       表单元素的名称.必须有name属性，然后后台才可以接收数据.
value       默认值
size             文本框长度
maxlength       文本框输入的最大的长度
readonly             只读文本框
<input type="password">:密码框
常用属性
name
value
size

HTML结构标签
根标签:       <html>
<head> --html的头标签
<bady> --html的子标签
  </html>
图片标签
<img>
属性
src             :图片的来源
width       :图片的宽度       100px       px代表像素
height       :图片的高度
alt             :图片找不到显示的内容
列表标签(记住ul和li即可)
<ul>             无序列表
<li>内容</li>
</ul>
<ol>             有序列表
<li>内容<li>
<ol>

表格标签(合并单元格,设置边框)
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
属性:
width       :表格宽度
height       :表格高度
border       :边框
align             :表格水平位置
left
center
right
<td>的属性
colspan="列数"
rowspan="行数"

作者: 小石姐姐 时间: 2017-11-20 13:30
很清晰，太用心了，给你点给赞【表情】

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

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