阅读 22

HTML5基础知识回顾

趁青春没有理由不去闯,即使会败,我也要败得漂亮!人生在世,不妨大胆一点,勇敢地去追逐自己想要的东西!加油,勇敢点,你是最棒的!我是梦阳辰,期待与你相遇!

01.标签

使用哪种标准规范
1.<!doctypy>标记

HTML5
<!doctype html>

2.<html>标记
文档的开始

3.<head>标记
定义头部信息。
如:<title>标题,<meta>编码方式,<link>,<style>
4.<body>
定义HTML要显示的内容。

5.<!--注释部分-->标记

5.<meta />标记
页面的元信息,可以重复出现在头部。
为网页设置关键字。
<meta name="keywords" content="java,梦阳辰"/>

6.引用外部文件标记<link>
<link 属性="属性值">
属性名
1.href:引用的外部文档地址。
2.rel:两者的关系,通常为:stylesheet表示定义一个外部样式表。
3.type:如:text/css,text/javascript

7.内嵌样式标记<style>
定义样式信息。

8.水平线标记<hr/>

9.换行标记<br/>

10.文本格式化
斜体:<i>,<em>
粗体:<strong>,<b>
删除线:<s>,<del>
下划线:<u>,<ins>
复制代码

1.文字:p,span,h1~h6

2.图像:img
alt属性,图片不能显示时的替代文本。
title:图片信息。
border:边框属性。
vspace和hspace:边距。
3.表格:table

4.表单:form

5.音频: audio

6.视频:video

7.超链接:a

8.锚点:a
网页内容较多,页面过长,快速定位到目标内容。

<a href="#id"></a>使用相应的id名跳转到目标位置。
复制代码

9.H5移动开发API,canvas(绘画)

1.1双标记和单标记

双:h1
单:<hr/>
复制代码

1.2标记的属性

对齐方式:align

02.页面元素

2.1列表元素

1.无序列表ul
常用。

<ul></ul>
<li></li>
复制代码

2.有序列表ol

<ol></ol>
<li></li>
复制代码

3.定义列表dl
用于对术语或名词进行解释。

<dl></dl>标记用于指定定义列表。
<dt></dt>指定术语名词。
<dd></dd>名词的解释。
复制代码

2.2结构元素

1.header元素

header元素是一种具有引导和导航作用的结构元素。通常用来放置整个页面或页面内的一个内容区块的标题。

2.nav元素
用于定义导航链接,是页面元素的语义更加明确。

3.article元素
代表与上下文不相关的独立部分。article元素通常使用多个section元素进行划分。

4.aside元素
定义当前页面或文章的附属信息部分。

5.section
用于对内容进行分块,一个section元素通常由内容和标题构成。
6.footer元素
定义一个页面或者区域的底部。

2.3分组元素

1.figure和figcaption元素

<figure>//定义独立的流内容,一般指单独的单元。
    <figcaption>
    用于为figure元素组添加标题。
    </figcaption>
</figure>
复制代码

2.hgroup元素
用于将多个标题组成一个标题组。

2.4页面交互元素

1.details元素和summary元素

details元素用于描述文档或文档部分的细节。summary元素经常和details配合使用。隐藏和显示。

2.progress元素
用于表示一个任务的完成进度。

progress属性:

value:已完成的工作量。
max:总共有多少工作量。
复制代码

3.meter元素
用于表示指定范围内的数值。如表示评分。

meter属性:

max:最大值,默认为1
min:最小值,默认为0
high:到哪个值为高的值。
low:到哪个值为低的值。
optimum:定义什么样的值是最好的。
value:值。
复制代码

2.5文本层次代码元素

1.time元素
定义时间和日期。虽然没有特殊效果,但是该元素能以
机器可读的方式对日期和时间进行编码。

属性:
datetime:定义相应的时间或日期。

pubdate:文档发布时间。
复制代码

2.mark元素
高亮显示某些字符。

3.cite元素
对文档参考文献的引用说明。

2.6全局属性

1.draggable属性
定义元素是否可以移动

属性有两个值:ture,false。
复制代码

实际上还需要javaScript代码实现该功能。
2.hidden属性
该属性有两个值:true和false。
当为ture时会被隐藏。

3.spellcheck属性
主要针对Input元素和textaera文本输入框。对用户输入的文本内容进行拼写和语法的检查。
有两个属性值:ture和false.

4.contenteditable属性
规定是否可编辑元素内容。但前提是可以获得鼠标的焦点并且其内容不是只读的。

请一定要有自信,你就是一道风景,没必要在别人风景里面仰视。

关注公众号【轻松玩编程】回复关键字“电子书”,“计算机资源”,“Java从入门到进阶”,”JavaScript教程“,“算法”,“Python学习资源”,“人工智能”等即可获取学习资源。
在这里插入图片描述