美文网首页
HTML学习笔记

HTML学习笔记

作者: 吴忆松 | 来源:发表于2019-12-10 16:09 被阅读0次
标签名称 标签 属性
标题 <h1></h1>
段落 <p></p>
粗体 <strong></strong>
斜体 <i></i>
预格式 <pre></pre>
删除效果 <del></del>
下划线 <ins></ins>
图片 <img/> 1.src 图片地址
2.width,height 图片大小
3.align 图片位置
4.alt 替换图片的文字
超链 <a></a> 1.target 打开链接的方式
2.title 超链上的提示文字
表格 <table>
   <tr>
      <td></td>
      <td></td>
   </tr>
</table>
1.border 表格边框
2.align 表格内容水平对齐
3.valign 表格内容垂直对齐
4.colspan 单元格水平合并
5.rowspan 单元格垂直合并
6.bgcolor 单元格背景颜色
无序列表 <ul>
   <li></li>
   <li></li>
</ul>
有序列表 <ol>
   <li></li>
   <li></li>
</ol>
1.<div></div>
2.<span></span>
两者的区别:div是块元素,会自动换行;
span是内联元素,不会换行。
字体 <font></font> 1.color 字体颜色
2.size 字体大小
内联框架 <ifram></ifram> src 内联的地址
文本框 <input type="text"> 1.size 文本框长度
2.value 文本框的初始值
3.palceholder 背景文字(H5新特性)
密码框 <input type="password">
表单 <form></form> 用于向服务器提交数据
1.method="get" 在地址栏显示提交的参数
2.method="post" 不会在地址栏显示提交的参数
单选框 <input type="radio" > 1.checked 默认是否选中
2.name 可用于分组,保证单选
多选框 <input type="checkbox" > 同单选框
下拉列表 <select>
   <option></option>
   <option></option>
</select>
1.size 列表长度
2.multiple 是否允许多选
3.selected 默认选中
文本域 <textarea></textarea> 1.cols 宽度
2.rows 行数
普通按钮 <input type="button"> value 按钮上现实的文字
普通按钮不具备提交form的效果
提交按钮 <input type="submit"> 用于提交form,把数据提交到服务端
重置按钮 <input type="reset"> 可以把输入框的改动复原
按钮 <button></button> <button>标签功能更为丰富,
按钮标签里的内容可以是文字也可以是图片。
如果button的type=“submit” ,那么它就具备
提交form的功能

相关文章

  • HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之音视频标签

    HTML5学习笔记之音视频标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记...

  • html

    html学习笔记

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

  • HTML5—HTML学习

    HTML学习感想: 下面大致的记录了一写HTML的学习笔记 什么是HTML? HTML 是HyperText Ma...

  • 初学HTML

    学习笔记(四)初学HTML HTML初步认识 HTML是英语HyperText Markup Language的缩...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • cocos2d-html5 学习笔记​

    # cocos2d-html5 学习笔记

网友评论

      本文标题:HTML学习笔记

      本文链接:https://www.haomeiwen.com/subject/lrrggctx.html