A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 赵小光 初级黑马   /  2017-11-19 21:54  /  991 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 小石姐姐 于 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属性:请求的方式.GETPOST.默认是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="行数"



1 个回复

倒序浏览
很清晰,太用心了,给你点给赞【表情】
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马