zoukankan      html  css  js  c++  java
  • 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学习资源”,“人工智能”等即可获取学习资源。
    在这里插入图片描述

    以梦为马,不负韶华。
  • 相关阅读:
    【Phalapi】新加Namespace (模块)
    【PHP】 curl 上传文件 流
    牛掰!我是这么把个人博客粉丝转到公众号的
    Stack Overflow 上 250W 浏览量的一个问题:你对象丢了
    为什么人到中年就危机了呢?
    Java 并发编程(三):如何保证共享变量的可见性?
    如果有人问你 JFinal 如何集成 EhCache,把这篇文章甩给他
    国庆佳节第四天,谈谈我月收入增加 4K 的故事
    为什么要将局部变量的作用域最小化?
    面试官:兄弟,说说基本类型和包装类型的区别吧
  • 原文地址:https://www.cnblogs.com/huangjiahuan1314520/p/13651642.html
Copyright © 2011-2022 走看看