文章分类 - HTML
摘要:【参考链接:https://www.w3cschool.cn】 现在, 让我们引入并应用 google 字体 (请注意, 如果 google 在你的国家被阻止, 你需要跳过这一挑战)。 首先,你需要用 link 标签来引入谷歌Lobster字体。 复制以下代码段并将其粘贴到代码编辑器的顶部: <li
阅读全文
摘要:为了实现语义化标记,HTML 提供了明确这些区段的专用标签,例如: <header>:页眉。 <nav>:导航栏。 <main>:主内容。主内容中还可以有各种子内容区段,可用<article>、<section> 和<div> 等元素表示。 <aside>:侧边栏,经常嵌套在 <main> 中。 <
阅读全文
摘要:网页的外观多种多样,但是除了全屏视频或游戏,或艺术作品页面,或只是结构不当的页面以外,都倾向于使用类似的标准组件:
阅读全文
摘要:1.标记时间和日期 为什么需要这样做?因为世界上有许多种书写日期的格式,上边的日期可能被写成: 20 January 2016 20th January 2016 Jan 20 2016 20/06/16 06/20/16 The 20th of next month 20e Janvier 201
阅读全文
摘要:1.引文 2.cite属性的内容听起来很有用,但不幸的是,浏览器、屏幕阅读器等等不会真的关心它,如果不使用JavaScript或CSS,浏览器不会显示cite的内容。如果你想要确保引用的来源在页面上是可用的,更好的方法是把<cite>元素放到引用元素旁边。这就意味着包含引用来源的名称——即引用的书的
阅读全文
摘要:1.HTML <blockquote> 元素(或者 HTML 块级引用元素),代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进(注 中说明了如何更改)。若引文来源于网络,则可以将原内容的出处 URL 地址设置到 cite 特性上,若要以文本的形式告知读者引文的出处时,可以通过 <c
阅读全文
摘要:此目录结构的根目录称为creation-hyperlinks。当在网站上工作时, 你会有一个包含整个网站的目录。在根目录,我们有一个index.html和一个contacts.html文件。在真实的网站上,index.html 将会成为我们的主页或登录页面。 我们的根目录还有两个目录—— pdfs
阅读全文
摘要:1.新增标签 显示数据的进度 属性 value 当前值 max 最大值 0(默认)最小值 例子: 定义文档中的节或定义文章(一般带标题) 例子: 定义视频。 属性 src 引入资源 controls 视频控制控件 可在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息
阅读全文
摘要:1.语义化的好处 a.去掉或样式丢失的时候能让页面呈现清晰的结构。 b.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权值。 c.便于团队开发和维护。 2.HTML5 新增语义化标签 定义文档的头部区域。 一般作为介绍内容或者导航链接栏的容器。 块元素。 定义页面独立的内容区域。 标签定义的内
阅读全文
摘要:1.一般页面可简单分为上中下结构,上为头部,中为内容部分,下为脚部 2.示例:按图写DIV布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DivLayout</title> <style type="t
阅读全文
摘要:1.<textarea> 标签定义多行的文本输入控件。 2.文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。 3.可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。 4
阅读全文
摘要:1.select 元素可创建单选或多选菜单。 <select> 元素中的<option>标签用于定义列表中的可用选项。 2.<select> 属性 disabled="disabled" 规定禁用该下拉列表 name 规定下拉列表的名称 size 规定下拉列表中可见选项的数目(显示几行),默认1行
阅读全文
摘要:1.fieldset元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。 2.当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。 3.<fie
阅读全文
摘要:1.<input> 标签用于搜集用户信息。自闭合标签。行内块元素。 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 2.<input> 类型 <input type="radio"/> name相同,即为一组; check
阅读全文
摘要:1.使用form表单提交数据有两种方式,一种是post方式,一种是get方式,它们以method属性来定义。 如果没有指定form表单的method属性,默认是以get方式提交。 2.post 方式与 get 方式的区别: a.安全性 get 方式不够安全,以 url 方式进行提交 post 以请求
阅读全文
摘要:1.<label> 标签为 input 元素定义标注(标记)。 2.不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 3.第一种方法:利用for和id进行绑定
阅读全文
摘要:1.<form> 标签用于为用户输入创建 HTML 表单。 2.form 元素是块级元素,其前后会产生折行。 3.<form> 表单的常见属性 action="URL" 一个 URL 地址;指定 form 表单向何处发送数据。 它里面放一个路径 ,我们在代码编辑器中写 form时总会自动带着它,<f
阅读全文
摘要:1.表单用于搜集不同类型的用户输入(搜集用户信息) 2.用户提交表单时向服务器传输数据,从而实现用户与 Web 服务器的交互 3.表单是一个包含表单元素的区域 4.表单使用表单标签(<form>)定义 5.表单可包含文本字段、复选框、单选框、提交按钮 6.表单的标签 7.完整的表单包含三个基本组成部
阅读全文
摘要:1.在 html开发中,一些字符不适于直接写出,因为它有可能引起标签混乱,如<和标签的开始标记冲突,这时候我们可以使用“实体字符”来替换。2.实体字符是对大小写是敏感的。 实体字符一般格式 &+ 实体 +; 3.实体字符对照表 http://tool.xker.com/htmlchar.php
阅读全文

浙公网安备 33010602011771号