[前端] HTML

标签

  • HTML(Hyper Text Markup Language)
  • <p>:开始标签
  • </p>:结束标签
  • 内容:标签之间的文本

元素

  • 从开始标签到结束标签之间的所有代码,如
  • <p>HelloWord</p> 

注释

  • <!--align属性用于对齐-->

属性

  • 设置标题居中
  • <h1 align="center">居中标题</h1>

基本元素

  • <h1>~<h6>:标题,自动粗体,大写,换行
  • <p>(paragraph):段落,换行
  • <b> 或 <strong>:粗体
  • <i> 或 <em>:斜体
  • <pre>:显示代码
  • <del>:删除线
  • <ins>:下划线
  • <img>:图像
  • <a>:超链接
  • <talbe>:表格
    • <tr>:行
    • <单元格>:
  • <ul>, <li>:无序列表
  • <ol>, <li>:有序列表
  • <div>:块布局,自动换行
  • <span>:内联布局,不换行
  • <font>
    • color:颜色
    • size:大小
  • <iframe>:内联框架,在网页中插入小网页

表单元素

  • <input type="text">:文本框
  • <input type="password"> :密码框
  • <form>:向服务器提交数据,如账号密码
    • method="get":提交,可在地址栏看到参数
    • method="post" :提交,但不在地址栏显示参数,用于上传二进制数据、文件等
  • <input type="radio">:单选框
    • <br>:分组
  • <input type="checkbox">:复选框
  • <select>:下拉列表
    • <option>:选项
  • <textarea>:文本域
  • <input type="button">:普通按钮
  • <input type="submit">:提交按钮
  • <input type="reset">:重置按钮
  • <input type="image">:使用图像作为提交
  • <button>:按钮
    • type="submit":提交功能

中文

  • <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>

 

参考

input 的 name 属性

https://www.w3school.com.cn/tags/att_input_name.asp

日期选择控件

https://blog.csdn.net/yueloveme/article/details/78303984

自定义组件

https://cloud.tencent.com/developer/article/1499073

HTML5

https://developer.mozilla.org/zh-CN/docs/orphaned/Web/Guide/HTML/HTML5 

http://www.divcss5.com/html5/h50880.shtml

posted @ 2020-03-11 21:21  cxc1357  阅读(113)  评论(0编辑  收藏  举报