html5基础

发布于:2024-05-07 ⋅ 阅读:(22) ⋅ 点赞:(0)

HTML5介绍

  • HTML5被称为超文本标记语言,它使用标签的形式把各种文本或媒体信息嵌入html文档(网页)中。
  • html文档以是.html结尾的文件。
  • 标签总的来说分为双标签(例如:<html></html>)和单标签(例如:<img>)。

基本骨架

  • <!DOCTYPE html>用来声明文档的类型,告诉浏览器以正确的方式解析网页信息,避免出现怪异模式。
  • <html></html>标签限定了文档的开始点和结束点,包裹文档中所有的元素。
  • <head></head>标签定义文档的头部。描述了文档的各种属性和信息,一般不会作为内容显示在页面中。
  • <body></body>标签定义了文档的主题。包含文档的所有显示的内容(文本、超链接、表格、列表、图像、视频等)。

标签内元素的详解

  • <title></title>:定义网页标题。head中必须包含title。
  • <meta>:单标签。描述html网页文档的属性和关键词等。

标签内元素的详解

  1. 文本
  • <h1></h1>~<h6></h6>:标题,一到六级。
  • <p></p>:段落。
  • <em></em>:定义着重文字。
  • <b></b>:定义粗体文字。
  • <i></i>:定义斜体字。
  • <strong></strong>:定义加重语气。
  • <del></del>:定义删除字。
  • <span></span>:没有特定含义。
  1. 图片
  • <img>:单标签。
  • src属性:图片资源的位置,路径。
  • alt属性:图像的替代文本。
  • width:图像宽度。
  • height:图像高度。
  • title:鼠标放在图像上时显示的文本内容。
  1. 超链接
  • <a></a>:点击超链接可以跳转到新的文档网页
  • href:目标文档的地址
  1. 列表
  • 有序列表:<ol></ol>定义有序列表。
  • 无序列表:<ul></ul>定义无序列表。
  • <li></li>:定义列表单元。
  • type:每个列表项前的编号类型
  1. 表格
  • <table></table>定义表格。
  • <tr></tr>定义行。
  • <td></td>定义列。
  • border设置表格边框。
  • width:设置表格宽度。
  • height:设置表格高度。
  • colspan:水平合并表格。
  • rowspan:垂直合并表格。
  1. 表单
  • <form></form>定义表单。
  • 表单属性action="url(服务器地址)",定义把输入的信息传输的位置。
  • 表单属性method="get|post",定义表单传输信息的方法。
  • 表单属性name="表单名称",定义表单的名称。
  • <input type="text">,输入框。
  • <input type="submit">,提交按钮。
  1. 其他
  • <br>,换行。
  • <hr>,水平线。

总结

在这里插入图片描述