趁青春没有理由不去闯,即使会败,我也要败得漂亮!人生在世,不妨大胆一点,勇敢地去追逐自己想要的东西!加油,勇敢点,你是最棒的!我是梦阳辰,期待与你相遇!
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(绘画)
双:h1
单:<hr/>
对齐方式:align
1.无序列表ul
常用。
<ul></ul>
<li></li>
2.有序列表ol
<ol></ol>
<li></li>
3.定义列表dl
用于对术语或名词进行解释。
<dl></dl>标记用于指定定义列表。
<dt></dt>指定术语名词。
<dd></dd>名词的解释。
1.header元素
header元素是一种具有引导和导航作用的结构元素。通常用来放置整个页面或页面内的一个内容区块的标题。
2.nav元素
用于定义导航链接,是页面元素的语义更加明确。
3.article元素
代表与上下文不相关的独立部分。article元素通常使用多个section元素进行划分。
4.aside元素
定义当前页面或文章的附属信息部分。
5.section
用于对内容进行分块,一个section元素通常由内容和标题构成。
6.footer元素
定义一个页面或者区域的底部。
1.figure和figcaption元素
<figure>//定义独立的流内容,一般指单独的单元。
<figcaption>
用于为figure元素组添加标题。
</figcaption>
</figure>
2.hgroup元素
用于将多个标题组成一个标题组。
1.details元素和summary元素
details元素用于描述文档或文档部分的细节。summary元素经常和details配合使用。隐藏和显示。
2.progress元素
用于表示一个任务的完成进度。
progress属性:
value:已完成的工作量。
max:总共有多少工作量。
3.meter元素
用于表示指定范围内的数值。如表示评分。
meter属性:
max:最大值,默认为1
min:最小值,默认为0
high:到哪个值为高的值。
low:到哪个值为低的值。
optimum:定义什么样的值是最好的。
value:值。
1.time元素
定义时间和日期。虽然没有特殊效果,但是该元素能以
机器可读的方式对日期和时间进行编码。
属性:
datetime:定义相应的时间或日期。
pubdate:文档发布时间。
2.mark元素
高亮显示某些字符。
3.cite元素
对文档参考文献的引用说明。
1.draggable属性
定义元素是否可以移动
属性有两个值:ture,false。
实际上还需要javaScript代码实现该功能。
2.hidden属性
该属性有两个值:true和false。
当为ture时会被隐藏。
3.spellcheck属性
主要针对Input元素和textaera文本输入框。对用户输入的文本内容进行拼写和语法的检查。
有两个属性值:ture和false.
4.contenteditable属性
规定是否可编辑元素内容。但前提是可以获得鼠标的焦点并且其内容不是只读的。
请一定要有自信,你就是一道风景,没必要在别人风景里面仰视。
关注公众号【轻松玩编程】回复关键字“电子书”,“计算机资源”,“Java从入门到进阶”,”JavaScript教程“,“算法”,“Python学习资源”,“人工智能”等即可获取学习资源。