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 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体
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> 规定在文本中的何处适合添加换行符。