当前位置: 首页 > Web前端 > HTML

HTML重要知识合集

时间:2023-04-02 18:57:21 HTML

HTML[](#htmlwhat)什么是HTML?HTML(HyperTextMarkupLanguage)超文本标记语言。超文本就是超文本,可以包含:图片、音频、视频、超链接、表格等。历史更新迭代,html历史HTML5为最新版本HTML4.01为上一版本QQ空间、微博方便快捷。以下是HTML文档的初始格式。Thisismyfirstdocument[](#analysis如下)解析如下声明语句,声明当前htmlversionisHTML5Thisismyfirstwebpage标题标签Explain当前文档的解释代码是可以看到中文的内容网页,写在正文中通常放置网页的设置所有标签的根标签评论快捷键ctrl+/*[](#notes)注释标签是类型singlelabeldoublelabeldoublelabellabelcontentSingletagattributetags有属性pay注意关系,正确的嵌套标签是父子关系,兄弟关系,子孙关系,标签和转义符的知识是空格(转义符)&lt;>都是<和>

段落标签纯文本标签图片标签src:图片资源(来源)相对路径(本地图片)绝对路径(网上图片)base64widthheightpxpercentage:取决于父标签的宽度alt图片无法加载时显示的文字title鼠标移入时图片显示的文字HTML标签相关知识及颜色分类[](#audio-Video)audio,video因为它们是不同的浏览器显示效果不同的原因在第二阶段详细讲解[](#Orderedlist)有序列表代码如下
  • 效果实现如下:1.2.3.[](#unorderedlist)无序列表代码如下
  • 明天放假
  • 好开心
  • Yeah
  • 实现效果如下:HaveagoodholidaytomorrowYeah[](#customlist)自定义列表的代码如下
    我是王超
    来自山西临汾
    效果如下:我是山西临汾的王超[](#hyperlinktag)超链接标签请自行百度[](#jumponthecurrentpage)jumponthecurrentpage跳转到指定位置










    你好,大叔

    [](#Table)表代码为如下swt2007开课序号学生姓名联系方式毕业院校专业1杨涛1234567897山东大学软工1.11.21.32.12.22.33.13.24.14.2Resume[](#Form)表单代码如下用户名:
    密码:

    请告诉我你的爱好是什么?

    [](#drop-downlist)下拉列表代码如下Province:市:[](#HeadingTags)标题标签h1-h6代码如下

    Iamthelargestheading

    Title

    普通文本

    效果如下:[](#我是最大的标题)我是最大的标题[](#Title)TitleNormalText[](#ClassificationofLabels)labels的分类块元素(block):占据一个整体单独一行,宽高可以改变ulolp默认宽度:父容器的100%inline块状元素(inline-block):不占整行,宽高可以改变;inputbuttoninlineelement/内联元素(inline):不占整行,不能改变宽高;spanawidth:取决于自身内容Width[](#colorclassification)颜色分类color:三种方式1、英文单词:red,black,white2,16进制0-9a-f#000000(黑色)#ff0000(红色)#00ff00(green)#ffffff(white)三基色rgb#000#f00#fff越接近0越暗,越接近f越亮3.rgb()每个值的取值范围是0-255RGB(0,0,0)RGB(255,255,255)