热门关键字:
jquery > jquery教程 > jquery教程 > html基础笔记及案例

html基础笔记及案例

372
作者:管理员
发布时间:2021/3/2 11:42:38
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4058
  1.HTML是什么?


  HTML:htper text markup language超文本标记(标签)语言


  有各种标签组成,用来制作网页,告诉浏览器如何显示页面


  2.作用


  制作网页,控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过链接来检索信息使用表单获取用户的信息,实现交互


  3.版本


  w3c:world wide web consortium万维网联盟,制定web技术相关标准和规范的组织,HTML激素hi由w3c制定的标准


  两个版本:HTML4.0.1、HTML5.0-----通常H5


  官网:


  4.扩展名


  HTML文档是以。html或。htm结尾


  1.1简介


  HTML标签是由尖括号括起来的关键词,如,通常是成对出现的,如以 为根标签,包含: 头部和主体部分头部提供关于网页的相关信息,如标题、文档类型、字符编码、关键字等摘要信息主体部分提供网页的显示内容,真正显示在页面中的内容合理的进行缩进标签名不区分大小写,但是一般要用小写


  1.2.开发工具


  记事本notepad、sublime、Notepad++、Dreamweaver、VScode、Webstorm等


  使用步骤:


  新建文件(cltr+N),然后保存(ctrl+s),指定扩展名为。html编写HTML代码在浏览器中打开文件


  使用技巧:


  先保存再写代码,否则代码无颜色提示


  创建一个文件夹,用于保存所有的网页内容,将文件夹拖拽到sublime中,便于管理


  显示/隐藏侧边栏


  方式1:查看–>侧边栏–>显示/隐藏侧边栏


  方式2:ctrl+K紧接着按B


  显示多栏


  方式1:查看–>布局–>列数:2列


  方式2:Alt+shift+2


  1.3浏览器


  常见的浏览器:IE浏览器微软、chrome谷哥浏览器、fifirefox火狐、safari苹果


  浏览器的作用是读取html文件,并以网页的形式来显示


  浏览器不会直接显示html标签,而是使用标签来解释网页的内容


  2.标签


  2.1标签的组成


  一个完整的html标签的组成:


  属性值要用双撇号括起来,一般用双引号


  2.2标签的分类


  根据标签是否关闭,分为,关闭型和非关闭型


  关闭型:有结束标签,即标签成对出现


  非关闭型:没有结束标签


  根据标签是否独占一行,分为块级标签和行级标签


  块级标签:显示为块状,独占一行


  行级标签:在行内显示,可与其他内容在同一行显示


  2.3注释


  注释在浏览器中不会显示,是用来标注解释html语句,但通过查看源代码的方式可以看到


  语法:


  2.4实体字符


  也称为特殊字符,用于显示一些特殊符号,如<>&空格等


  语法:


  常见的实体字符:


  2.5文档类型


  在html文档的第一行,使用


  声明HTML文档的类型用来告诉浏览器页面的文档类型,用来制定html版本的规范


  目前基本上最常用的html5


  3.1基本标签


  标签含义说明br换行标签非关闭型p段落标签关闭型 块级标签 前后有明显的间隔h1…h6标题标签按照h1到h6逐渐变小 块级标签 加粗显示pre预格式化标签保留编码时的格式div分区标签常用作容器来使用,一般用于页面的布局划分,块级标签span范围标签默认没有任何效果,一般用来设置行内的特殊样式ol、li有序列表有顺序的项目列表ul\li无序列表无顺序的项目列表dl、dt、dd定义列表对术语、图片等进行描述而定义的列表hr水平线标签非关闭型标签、块级标签img图像标签非关闭型标签。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐