HTML基础

HTML语言

  1. HTML语言:超文本标记语言(标签语言)
  2. 结构:HTML标签、head标签、title标签meta标签(单标签)body标签(成对存在
  3. bgcolor:背景色      text:文字颜色     link:待连接超链接颜色     alink:连接中超链接颜色   vlink:已连接超链接颜色    background:文档背景文件
  4. pre标签:预格式化标签()双标签
  5. 列表:
    • 无序列表:<ul><li></li></ul>
    • 有序列表:<ol><li></li></ol>
  6. 文本标签
    • 标题大小:h1——h6
    • HTML基础

      HTML基础

  7. 字体设置:(样式、粗细、大小、系列)HTML基础
  8. 超链接:<a href="网址">…名字</a>(target属性:-blank : 新界面打开     _self  :原来界面打开)
  9. 图像标签:<img src="地址" alt=“名字”/>
  10. 表格:
    • <table></table>
    • 表头<tr><th></th></tr>
    • 表格<tr><td></td></tr>
  11. 表单
    • <form></form>
    • 属性:action:url    method :get\ post     target
    • 文本框:<input type = "text" name = "名称" value = "文本" />
    • 密码框:<input type = "password" name = "名称" value = "文本" />
    • 单选框<input type = "radio"  value = "Male"      name = "sex"  checked />男
      <input type = "radio"  value = "feMale"   name = "sex"  />女(checked:当添加 checked 时,该选项默认选中
    • 复选框:<input type = "checkbox"  value = "good1"  name = "goods" />    I have a bike
      <input type = "checkbox"  value = "good2"  name = "goods" />     I have a carchecked:当添加 checked 时,该选项默认选中)
    • 文件控件:<input type = "file" name = "files" />
    • 按钮:<input type="submit" value="提交" name="sub" />

           <input type="reset"    value="重置"  name="res" />

           <input type="button" value="按钮"  name="but" />

    • 多行文本域:<textarea></textarea>(rows:规定文本区内可见行数。   cols:规定文本区内可见列数)
    • 下拉列表<select></select>

      列表项:<option></option>
  12. 音频:<audio>
  13. 视频:<video>

HTML基础

上一篇:[Tips] docker快速部署nginx和一个静态网页


下一篇:JS把DOM节点转换为Fragment提高执行效率的原因