首页前端开发HTMLHTML5 基础内容学习笔记

HTML5 基础内容学习笔记

时间2024-05-16 20:30:03发布访客分类HTML浏览40
导读: HTML是一种标记语言,而不是编程语言。 HTML出现于1991年。 HTML5出现于2012年。 XHTML5出现于2013年。 元素:元素指的是从开始标签到结束标签的所有代码。标签:承载HTML的主要内容,形...
  HTML是一种标记语言,而不是编程语言。   HTML出现于1991年。   HTML5出现于2012年。   XHTML5出现于2013年。   元素:元素指的是从开始标签到结束标签的所有代码。标签:承载HTML的主要内容,形如。属性:从属于标签,为可选参数,形如。   块元素:通常以新行开始,如,,,。内联元素:通常不以新行开始,如,,,。   HTML5空文档如下:   是HTML5的声明方式。   不同的HTML和XHTML版本有不同的声明方式。   html标签,定义这是一个html文档。   属性lang指定语言,如,等。   闭标签,大多数标签需要使用的方式来闭合。多数IDE提供自动补全(闭合)。   head表示头部,body表示内容。   标签定义关于 HTML 文档的元信息。   属性用来定义字符集。   标签包含的内容就是HTML文档的标题。   代码结果:   大小不同的6个标题。从1到6是从大到小。   采用p标签:   代码结果:   不采用p标签:   代码结果:   可以用来定义超链接。   用第一个标签指定,第二个a标签href连接到。   内容跨篇幅很大时可用性很高,直接在一个页面内点击跳转。   src指定来源,宽高属性指定大小,alt替换文本(图片显示失误时有效)。   可以用来引入图片。   需要注意的是标签不需要闭合。   代码结果:   为图片加超链接   都是换行操作。   第二种是推荐用法。更适用于当前的操作和代码环境。   可以通过更改样式,显示出独立于其他标签的样式结果。   的主要作用是代码块的划分。   顺带一提,css文件中,默认标签直接用,来自属性就要加。   颜色可以自选。   取值有多种:   ,在新窗口显示目标网页   ,在当前窗口显示目标网页   ,框架网页中当前整个窗口位置显示目标网页   ,框架网页中在上部窗口中显示目标网页   多数标签可用,可选等取值,指定对齐方式。   p标签的align属性已被弃用,HTML 4.01 Strict和XHTML 1.0 Strict DTD均不支持此属性。   请用CSS作为替代。   CSS语法:   大多数标签拥有此属性,表示类名。   大多数标签拥有此属性,人工指定identification,后续添加css样式等。   大多数标签拥有此属性,用来定义内联css样式。   大多数标签拥有此属性,用来定义额外信息。   其中标签被标记为弃用。   代码结果:   方便测试,新建一个css文件使用   创建css文件,New一个File   命名为mycss.css   随便加一点颜色设置进来:   外部引入过程:   其中属性为,为,属性指定css文件位置。   测试代码:   代码结果:   内部引入过程:   测试:   代码结果:   内联引入过程:   代码结果:   表格需要用到标签。   属性定义边界长度,属性定义单元格间隔。   此外还有可以定义填充色,可以定义填充图片。(没有展示)   定义了标题。   是行,是列。表头。   代码结果:   定义列表元素   代码结果:   更改图标:   列举的可选属性(此处无法用补全):   为实心原点,为空心圆,为实心方块。   属性指定起始值。   属性同样为指定列表标号的类型,可选值有:   、、、。   可以使用CSS中的取消端点的显示。   代码结果:   标签的内容同样可以是一个新的列表。   代码结果:   代码结果:   在以前的HTML规范当中,表单必须要在区域内创建。   代码结果:   可以进行交互操作。   代码结果:   可以脱离创建。   代码结果:   可以填充内容,拖拽大小。   可以跳转到本地/网络页面,可以是各个类型的网页格式,例如html,php,jsp等等。   方法有get和post两种取值,对应HTML的get和post两种方法。   get请求直接将参数放在url上,post请求的参数值可以在Chrome浏览器中查看。get方法可以做资源定位(根据分享url快速定位到相应web区域),post方法保护隐私。   代码结果:   代码结果(输入内容后点击提交):   可以看到网页的跳转,并且根据get请求,参数值显示在了url上。   无格式布局:   代码结果:   加入CSS样式(内部):   代码结果:   代码结果:   标签定义框架集。它用于组织多个窗口(框架)。每个框架存在一个独立的文档。在最简单的应用中,frameset 元素仅仅声明框架集中存在的列或行的数目。 由于该标签对网页可用性的负面影响,在 HTML 5 中 frameset标签没有得到支持。   index.html   a.html   代码结果(index.html嵌入a.html):   超出长度,自动加了下拉框。   取值在父级页面打开。   index.html   a.html   b.html   代码结果(index包含a,a包含b,b包含链接):   代码结果(点击链接):   可以看到整个a和b都变成了链接的目标网页。   这便是与的结合。在直接父级页面打开。   而取值是在顶级页面打开。   在 HTML 中,某些字符是预留的。   在 HTML 中不能使用小于号(),这是因为浏览器会误认为它们是标签。   如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。   如需显示小于号,我们必须这样写:或   提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: HTML5 基础内容学习笔记
本文地址: https://pptw.com/jishu/661508.html
前端开发免费资源大汇总整理 Jupyter导出PDF从入门到绝望分享

游客 回复需填写必要信息