HTML4初体验

111 阅读1分钟

标签(元素),html的基本组成单位

  • 分类:

单标签和双标签

  • 标签组成:

<标签名 属性名="属性值" 属性名="属性值">标签体</标签名>

  • 属性

文件声明:告诉浏览器当前网页的版本

<!DOCTYPE html>

设置语言 设置编码

<meta charset="UTF-8">
<html lang="zh-CN">

排版标签

h1-h6:标题标签,h1写一个,其他可以写多个,尽量不要嵌套
p:段落
div:布局标签
标签语义化,有助于搜索引擎检索

块级元素和行内元素

  • 块级元素能写块级和行内
  • 行内只能写行内
  • p标签内不能写块级元素
  • h1-h6不能相互嵌套

文本标签

  • em着重阅读的标签
  • strong比em语气更高
  • span小包装袋

图片标签 IMG 单标签

  • src地址
  • alt描述
  • width宽度
  • height高度

a标签

  • href地址
  • download下载文件
  • target打开方式 _self _blank
    ps:代码中的多个空格,多个换行都会解释成一个空格
<!-- 跳转到test1锚点-->

<a href="#test1">去test1锚点</a>

<!-- 跳到本页面顶部 -->

<a href="#">回到顶部</a>

<!-- 跳转到其他页面锚点 -->

<a href="demo.html#test1">去demo.html页面的test1锚点</a>

<!-- 刷新本页面 -->

<a href="">刷新本页面</a>

<!-- 执行一段js,如果还不知道执行什么,可以留空,javascript:; -->

<a href="javascript:alert(1);">点我弹窗

列表和表格

列表

  • 无序列表 ul>li
  • 有序列表 ol>li

表格

  • 标题caption
  • 头部thead:包含td>th
  • 主体tbody:包含tr>td
  • 脚注tfoot
    ps:rowspan和colspan

表单

  • from:action,target(_self和_blank),method
  • input:type(text|password|radio|checkbox|hidden|submit|reset|button),name
  • button
  • textarea
  • select>option

常用meta

//2秒后跳转到某个页面    
<meta http-equiv="refresh" content="2;url=练习.html">