HTML学习总结(简略)

HTML学习总结(不完全)

部分元素的功能介绍以及不懂部分的简介

1.<!DOCTYPE html> 声明为 HTML5 文档  
2.<html> 元素是 HTML 页面的根元素
3.<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
4.<title> 元素描述了文档的标题
5.<body> 元素包含了可见的页面内容
6.<h1> 元素定义一个大标题  
7.<p> 元素定义一个段落

标题:<h1>-<h6>

段落:<p>

链接: <a> href属性 target属性(被链接的文档在何处显示) id属性(用于创建在一个HTML文档书签标记)

图像: <img>

<br>:换行

<hr>:创建水平线(可用于分割内容)

部分属性的介绍

1.属性是HTML中元素提供的附加信息,一般描述于开头标签,且总是以名称/值对的形式出现

2.class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)

3.id 定义元素的唯一id

4.style 规定元素的行内样式(inline style)

5.title 描述了元素的额外信息 (作为工具条使用)

部分标签的介绍

1.通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而,这些标签的含义是不同的:
<b> 与<i> 定义粗体或斜体文本。
<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。
2.

  • <head> 定义了文档的信息

  • <title> 定义了文档的标题

  • <base> 定义了页面链接标签的默认链接地址

  • <link> 定义了一个文档和外部资源之间的关系

  • <meta> 定义了HTML文档中的元数据

  • <script> 定义了客户端的脚本文件

  • <style> 定义了HTML文档的样式文件

  • <img> 是空标签 定义图像的语法是:<img src=“url” alt=“some_text”>

  • <img> 定义图像

  • <map> 定义图像地图

  • <area> 定义图像地图中的可点击区域

  • <table> 定义表格

  • <th> 定义表格的表头

  • <tr> 定义表格的行

  • <td> 定义表格单元

  • <ol> 定义有序列表

  • <ul> 定义无序列表

  • <li> 定义列表项

注意:HTML 中的常用字符实体是不间断空格(&nbsp;)。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 &nbsp; 字符实体

3.块级元素 <div> ,一般用于文档布局,取代了表格定义布局。
<span>是内联元素,作为文本的容器

4.form 表单
<input> 输入标签
type=text 文本域
type=password 密码
type=radio 单选按钮
type=checkbox 复选框
type=submit 提交按钮

<select> 定义了下拉选项列表
<option> 定义下拉列表中的选项–预选selected

HTML5新元素(元素结构篇)

  • <article> 定义页面独立的内容区域。
  • <aside> 定义页面的侧边栏内容。
  • <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。
  • <command> 定义命令按钮,比如单选按钮、复选框或按钮
  • <details> 用于描述文档或文档某个部分的细节
  • <dialog> 定义对话框,比如提示框
  • <summary> 标签包含 details 元素的标题
  • <figure> 规定独立的流内容(图像、图表、照片、代码等等)。
  • <figcaption> 定义 <figure> 元素的标题
  • <footer> 定义 section 或 document 的页脚。
  • <header> 定义了文档的头部区域
  • <mark> 定义带有记号的文本。
  • <meter> 定义度量衡。仅用于已知最大和最小值的度量。
  • <nav> 定义导航链接的部分。
  • <progress> 定义任何类型的任务的进度。
  • <ruby> 定义 ruby 注释(中文注音或字符)。
  • <rt> 定义字符(中文注音或字符)的解释或发音。
  • <rp> 在 ruby 注释中使用,定义不支持 ruby元素的浏览器所显示的内容。
  • <section> 定义文档中的节(section、区段)。
  • <time> 定义日期或时间。
  • <wbr> 规定在文本中的何处适合添加换行符。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值