html5是构建Web内容的一种语言描述方式,适用于描述网页文档,被认为是互联网的核心技术之一。
(1)<!DOCTYPE>文档类型说明:只在开头使用,保证该网页为有效的html文档。
(2)<html>根标记:标记着文档的开始和结束。
(3)<head>头部标记:一个文档中只含有一对标记,用于封装其他标记。
(4)<body>主体标记:一个文档中只含有一对标记,与并列,所有展示给用户看的信息都在内。
(1)标签不区分大小写。
(2)允许属性值最好不使用引号。
(1)双标记:由开始和结束两个标记符组成的标记 </>内容</>
(2)单标记:空标记 </>
(3)注释标记(不会在浏览器中显示):<!–注释语句–!> 快捷键 Ctrl+/
(1) 标题标记 :<h1 align="对齐方式">标题文本<h1> center 居中对齐 left 向左对齐 right 向右对齐
(2)段落标记:<p align="对齐方式">段落文本</>
(3)水平线标记:<hr/>
(5)标记嵌套:<p>......<mark>我如果爱你</mark> ......</p>
…我如果爱你 …
(5)<meta/>标记:单标记,可重复出现,用于为搜索引擎提供网页关键字、内容描述等信息。
(7)<link>标记:用于引用外部文件。
(8)<style></style>标记:在HTML中使用style标记时,表示使用嵌入式的CSS样式。
(1)<img src="图像URL"/>:scr属性用于指定图像文件的路径和文件名。
(2)替换文本属性alt:使用不同浏览器,显示效果可能存在一定的差异。
(3)title属性:图像标记<img/>中与alt属性十分类似的属性。
(1)绝对路径:一般指带有盘符的路径或完整的网络地址(网页中不推荐使用绝对路径,因为很有可能不存在)。
(2)相对路径:不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。
a.图像和html文件位于同一个文件夹:只需输入图像文件的名称即可,如
b.图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如
c.图像文件位于html文件的上一级文件夹:在文件名之前加入“…/“,如果是上两级,则需要使用”…/…/”,如
a. href:用于指定链接目标的url地址
b.target:用于指定链接页面的打开方式,其取值有_self和_blank 两种,其中_self为默认值,原窗口打开,_blank为在新窗口打开。
(1)ul元素:无序列表
基本语法格式 :
<ul> <li>列表1</li> <li>列表2</li> ...... <u1>(2)ol元素 :有序列表
基本语法格式 :
<ol> <li>列表1</li> <li>列表2</li> ...... </ol>(3)dl元素 : 列表前没有任何项目符号。
基本语法如下:<dt>标记术语或名词,<dd>标记解释和描述性的内容会产生一定效果
<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ... </dl>(1)header元素:一种具有引导和导航作用的结构元素。
(2)nav元素:用于定义导航链接。
(3)article元素:经常被用于定义一篇日志、一条新闻或者用户评论等。
(4)footer元素:用于定义一个页面或者区域的底部,它可以包含所有通常放在页面底部的内容。
(1)details元素:用于描述文档或文档某个部分的细节。
summary元素:作为details元素的第一个子元素,用于为details定义标题。
summary元素经常与details元素配合使用。标题是可见的,当用户点击标题时,会显示或隐藏details中的其他内容。
(2)progress元素:用于表示一个任务的完成进度。
常用属性值:a.value:已经完成的工作量
b.max:总共有多少工作量
(3)meter元素:用于表示指定范围内的数值。
(1)time元素:用于定义时间或日期。
a.datetime:用于定义相应的时间或日期。
b.pubdate:用于定义time元素中的日期或时间是文档(或article元素)的发布日期。
(2)mark元素:主要功能是在文本高亮显示某些字符,以引起用户注意。
(3)cite元素:引用标记 em 强调 cite 引用 i 斜体