做网站策划用什么软件,莱芜金点子最新消息,互站网怎么样,一般网站建设中的推广费用1、HTML文件的框架 使用VS Code编码时#xff0c;输入!选中第一个#xff01;就可以快速生成一个HTML文件框架。
2、标签 hr !--下划线-- br !--换行-- strong加粗/strong 输入!选中第一个就可以快速生成一个HTML文件框架。
2、标签 hr !--下划线-- br !--换行-- strong加粗/strong sub上标/sub sup下标/sup ins定义插入字/ins del定义删除字/del small定义小号字/small i斜体字/i b加粗/b em着重文字/em pabbr title你好HTML你好/abbr/p !-- abbr标签的作用是缩写 -- bdo dirrtl定义文本方向/bdo blockquote定义长引用/blockquote q定义短引用/q dfn定义项目/dfn !--标题标签--h1标题标签1/h1h2标题标签2/h2h3标题标签3/h3h4标题标签4/h4h5标题标签5/h5h6标题标签6/h6!--段落标签--p这是段落标签/p!--链接标签--a hrefhttps://www.baidu.com百度一下/adiv stylewidth: 500px;height: 300px;overflow: hidden;!--图像标签--img srcstudy.png alt stylemax-width: 100%;max-height: 100%;/div 标签有双标签也有单标签要注意使用双标签时注意标签闭合。
p/p就是一个双标签要填写的内容要在p/p之中即p内容/p。
img是一个单标签不用注意标签闭合。
HTML 标签对大小写不敏感P 等同于 p。
1、属性 属性是 HTML 元素提供的附加信息。 HTML 元素可以设置属性属性可以在元素中添加附加信息属性一般描述于开始标签属性总是以名称/值对的形式出现比如namevalue。属性和属性值对大小写不敏感。 class为html元素定义一个或多个类名classname(类名从样式文件引入)id定义元素的唯一idstyle规定元素的行内样式inline styletitle描述了元素的额外信息 (作为工具条使用) 2、链接 1、超链接标签 a href/a 2、图像链接标签 img src alt HTML 中创建链接的基本语法和属性a 元素创建链接的主要HTML元素是a锚元素。a元素具有以下属性 href指定链接目标的URL这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。target可选指定链接如何在浏览器中打开。常见的值包括 _blank在新标签或窗口中打开链接和 _self在当前标签或窗口中打开链接。title可选提供链接的额外信息通常在鼠标悬停在链接上时显示为工具提示。rel可选指定与链接目标的关系如 nofollow、noopener 等。 3、头部 title 标签定义了不同文档的标题 base 标签描述了基本的链接地址/链接目标该标签作为HTML文档中所有的链接标签的默认链接 link 标签定义了文档与外部资源之间的关系link 标签通常用于链接到样式表 style 标签定义了HTML文档的样式文件引用地址在style 元素中你也可以直接添加样式来渲染 HTML 文档 meta标签描述了一些基本的元数据meta 标签提供了元数据.元数据也不显示在页面上但会被浏览器解析 script标签用于加载脚本文件如 JavaScript 4、HTML CSS CSS 可以通过以下方式添加到HTML中: 内联样式- 在HTML元素中使用style 属性内部样式表 -在HTML文档头部 head 区域使用style 元素 来包含CSS外部引用 - 使用外部 CSS 文件 5、图像标签 图像由img 标签定义img 是空标签意思是说它只包含属性并且没有闭合标签。 使用源属性srcsrc 指 source。源属性的值是图像的 URL 地址。 alt 属性用来为图像定义一串预备的可替换的文本替换文本属性的值是用户定义的用于图像无法显示的情况。 map 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。 area 标签定义图像映射内部的区域图像映射指的是带有可点击区域的图像area 元素始终嵌套在 map 标签内部。 6、表格 表格由 table 标签来定义。 每个表格均有若干行由 tr 标签定义每行被分割为若干单元格由 td 标签定义表格可以包含标题行th用于定义列的标题。 trtr 是 table row 的缩写表示表格的一行。tdtd 是 table data 的缩写表示表格的数据单元格。thth 是 table header的缩写表示表格的表头单元格。 7、列表 无序列表是一个项目的列表此列项目使用粗体圆点典型的小黑圆圈进行标记无序列表使用 ul 标签 有序列表也是一列项目列表项目使用数字进行标记。 有序列表始于 ol 标签。每个列表项始于 li 标签列表项使用数字来标记 自定义列表不仅仅是一列项目而是项目及其注释的组合自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义以 dd 开始。 8、区块 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时通常会以新行来开始和结束 内联元素在显示时通常不会以新行开始。 HTML div 元素定义文档区域 HTML div 元素是块级元素它可用于组合其他 HTML 元素的容器。 div 元素没有特定的含义。除此之外由于它属于块级元素浏览器会在其前后显示折行。 如果与 CSS 一同使用div 元素可用于对大的内容块设置样式属性。 HTML span 元素组合行内元素 HTML span 元素是内联元素可用作文本的容器 span 元素也没有特定的含义。 当与 CSS 一同使用时span 元素可用于为部分文本设置样式属性。 在HTML中可以使用div、span、table进行布局。
9、表单 HTML 表单用于收集用户的输入信息。 HTML 表单表示文档中的一个区域此区域包含交互控件将用户收集到的信息发送到 Web 服务器。 HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。 form 元素用于创建表单action 属性定义了表单数据提交的目标 URLmethod 属性定义了提交数据的 HTTP 方法这里使用的是 post。label 元素用于为表单元素添加标签提高可访问性。input 元素是最常用的表单元素之一它可以创建文本输入框、密码框、单选按钮、复选框等。type 属性定义了输入框的类型id 属性用于关联 label 元素name 属性用于标识表单字段。select 元素用于创建下拉列表而 option 元素用于定义下拉列表中的选项。 10、框架
通过使用框架你可以在同一个浏览器窗口中显示不止一个页面。
iframe语法: iframe srcURL/iframe frameborder 属性用于定义iframe表示是否显示边框设置属性值为 0 移除iframe的边框 iframe 可以显示一个目标链接的页面目标链接的属性必须使用 iframe 的属性 11、脚本 JavaScript 使 HTML 页面具有更强的动态和交互性 script 标签用于定义客户端脚本比如 JavaScript。 script 元素既可包含脚本语句也可通过 src 属性指向外部脚本文件。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。 noscript 标签提供无法使用脚本时的替代内容比方在浏览器禁用脚本时或浏览器不支持客户端脚本时。 noscript元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。 只有在浏览器不支持脚本或者禁用脚本时才会显示 noscript 元素中的内容 3、HTML5
1、HTML5 Canvas canvas 标签定义图形比如图表和其他图像您必须使用脚本来绘制图形在画布上Canvas画一个红色矩形渐变矩形彩色矩形和一些彩色的文字 canvasHTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 2、HTML5 SVG SVG 定义为可缩放矢量图形。 HTML5 支持内联 SVG。 HTML svg 元素是 SVG 图形的容器。 SVG 有多种绘制路径、框、圆、文本和图形图像的方法 与其他图像格式相比比如 JPEG 和 GIF使用 SVG 的优势在于 SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印SVG 可在图像质量不下降的情况下被放大 SVG 是一种使用 XML 描述 2D 图形的语言。
Canvas 通过 JavaScript 来绘制 2D 图形。 3、HTML5 MathML MathML 元素对应的标签是 math.../math 。 MathML 是数学标记语言是一种基于XML标准通用标记语言的子集的标准用来在互联网上书写数学符号和公式的置标语言。 4、HTML5 Video 标签描述video定义一个视频source定义多种媒体资源,比如 video 和audiotrack定义在媒体播放器文本轨迹 5、HTML5 Audio audio定义了声音内容source规定了多媒体资源, 可以是多个在 video 与 audio标签中使用 6、语义元素 section 标签定义文档中的节section、区段。比如章节、页眉、页脚或文档中的其他部分 article 标签定义独立的内容 nav 标签定义导航链接的部分nav 元素用于定义页面的导航链接部分区域但是不是所有的链接都需要包含在 nav 元素中! aside 标签定义页面主区域内容之外的内容比如侧边栏aside 标签的内容应与主区域的内容相关 header元素描述了文档的头部区域header元素主要用于定义内容的介绍展示区域 footer 元素描述了文档的底部区域footer 元素应该包含它的包含元素一个页脚通常包含文档的作者著作权信息链接的使用条款联系信息等 figure标签规定独立的流内容图像、图表、照片、代码等等。 figure 元素的内容应该与主内容相关但如果被删除则不应对文档流产生影响。 figcaption 标签定义 figure 元素的标题. figcaption元素应该被置于 figure 元素的第一个或最后一个子元素的位置。 7、HTML5 Web存储 客户端存储数据的两个对象为 localStorage - 用于长久保存整个网站的数据保存的数据没有过期时间直到手动去除。sessionStorage - 用于临时保存同一窗口(或标签页)的数据在关闭窗口或标签页之后将会删除这些数据。 不管是 localStorage还是 sessionStorage可使用的API都相同常用的有如下几个以localStorage为例 保存数据localStorage.setItem(key,value);读取数据localStorage.getItem(key);删除单个数据localStorage.removeItem(key);删除所有数据localStorage.clear();得到某个索引的keylocalStorage.key(index); 键/值对通常以字符串存储 8、HTML5 Web SQL 数据库 规范中定义的三个核心方法 openDatabase这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。transaction这个方法让我们能够控制一个事务以及基于这种情况执行提交或者回滚。executeSql这个方法用于执行实际的 SQL 查询。 9、HTML5 应用程序缓存 HTML5 引入了应用程序缓存这意味着 web 应用可进行缓存并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势 离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
