网站提交百度收录,建设网站可以做什么,农村电商网站有哪些,中国校园网站做的比较好的学校html文本标签特殊符号图片音频与视频超链接表单列表表格语义标签(布局) html文本标签
标签简介根目录规定文档相关的配置信息#xff08;元数据元素表示文档的内容表示那些不能由其它 HTML 元相关元素#xff08;(base、link, script、style元数据元素表示文档的内容表示那些不能由其它 HTML 元相关元素(base、link, script、style 或 title之一表示的任何元数据信息。标题 块元素行内元素~标题级别段落(过滤空格换行)段落(原型,不过滤)br换行 分界线斜体粗体删除线下划线
特殊符号
HTML源代码显示结果描述lt;小于号或显示标记gt大于号或显示标记amp;可用于显示其它特殊字符quot;“引号reg;®已注册copy;©版权trade;™商标nbsp;不断行的空白
图片
img width300 height300 src/1.png alt显示失败音频与视频
音频:audio标签视频:video标签
source 元素来进行描述浏览器将会选择最合适的一个来使用
audio controls src/audios/bgm.mp3无法播放/audio
video controls src/audios/bgm.mp4无法播放/videoaudio controlssource src/audios/sound1 typeaudio/mpeg/source src/audios/sound2 typeaudio/mpeg/
/audiovideo controls width800source src/videos/video1.mp4typevideo/mp4source src/videos/video2.mp4typevideo/mp4Sorry, your browser doesnt support embedded videos.
/video超链接
a hrefhttp:\\www.baidu.com点击跳转/a表单
form标签
HTML form 元素表示文档中的一个区域此区域包含交互控件用于向 Web 服务器提交信息。
input标签
HTML input用来填写内容常见类型有
input typetext创建基础的单行文本框。input typenumber用于让用户输入一个数字。其包括内置验证以拒绝非数字输入。浏览器可能会选择提供步进箭头让用户可以使用鼠标增加和减少输入的值或者只需用指尖敲击即可。input typeemail带有 “email” (电子邮箱) 类型标记的输入框元素 (input) 能够让用户输入或编辑一个电子邮箱地址此外如果指定了multiple属性用户还可以输入多个电子邮箱地址。在表单提交前输入框会自动验证输入值是否是一个或多个合法的电子邮箱地址 (非空值且符合电子邮箱地址格式). CSS 伪标签 :valid 和 :invalid 能够在校验后自动应用。input typepasswordinput 元素 里有一种叫做 “password” 的值给我们一个方法让用户更加安全的输入密码。这个元素是作为一行纯文本编辑器控件呈现的其中文本被遮蔽以致于无法读取通常通过用诸如星号“*”或点“•”等符号替换每个字符来实现。这个符号会根据用户的浏览器和操作系统来具体显示哪个。input typeradioinput 的 radio 类型元素默认渲染为小型圆圈图表填充即为激活类似于之前描述额复选框checkbox类型。单选按钮允许你选择单一的值来提交表单。
常用属性有
name: 名称id: 唯一IDmaxlength最大长度minlength最小长度required是否必填placeholder当表单控件为空时控件中显示的内容
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyform action/login !-- url --label forusername账号/label!-- 绑定控件 --input typetext placeholder请输入账号 idusername nameuserNamebrlabel forpassword账号/labelinput typepassword idpassword namepasswordbrbutton typesubmit提交/button/form
/body
/htmltextarea标签
HTML textarea 元素表示一个多行纯文本编辑控件当你希望用户输入一段相当长的、不限格式的文本例如评论或反馈表单中的一段意见时这很有用。
select与option标签
HTML select 元素表示一个提供选项菜单的控件。
示例
label forpet-selectChoose a pet:/labelselect namepets idpet-selectoption value--Please choose an option--/optionoption valuedogDog/optionoption valuecatCat/optionoption valuehamsterHamster/optionoption valueparrotParrot/optionoption valuespiderSpider/optionoption valuegoldfishGoldfish/option
/selectbutton标签
HTML button 元素表示一个可点击的按钮可以用在表单或文档其它需要使用简单标准按钮的地方。 默认情况下HTML 按钮的显示样式接近于 user agent 所在的宿主系统平台用户操作系统的按钮 但你可以使用 CSS 来改变按钮的样貌。
列表
ul与li标签
HTML ul 元素或称 HTML 无序列表元素表示一个内可含多个元素的无序列表或项目符号列表。
示例
ullifirst item/lilisecond item/lilithird item/li
/ulol与li标签
HTML ol 元素表示有序列表通常渲染为一个带编号的列表。
示例
olliFee/liliFi/liliFo/liliFum/li
/oldl、dt与dd标
HTML dl 元素 或 HTML 描述列表元素是一个包含术语定义以及描述的列表通常用于展示词汇表或者元数据 (键 - 值对列表)。
示例
dldtName/dtddGodzilla/dddtBorn/dtdd1952/dddtBirthplace/dtddJapan/dddtColor/dtddGreen/ddddOrange/dd
/dl表格
标签说明 HTML的 table 元素表示表格数据 — 即通过二维数据表表示的信息。HTML的thead元素定义了一组定义表格的列头的行。HTML的tbody元素定义一组数据行。HTML tr 元素定义表格中的行。 同一行可同时出现td 和th 元素。HTML th元素定义表格内的表头单元格。HTML td 元素 定义了一个包含数据的表格单元格。标题
示例:
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/headbodytablecaption学生管理系统/captiontheadtrth姓名/thth年龄/thth分数/th/tr/theadtbodytrtd张三/tdtd18/tdtd100/td/trtrtd李四/tdtd19/tdtd99/td/tr/tbody/table
/body/html语义标签(布局) header
HTML header 元素用于展示介绍性内容通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素但也可能包含其他元素比如 Logo、搜索框、作者名称等等。
nav
HTML nav元素表示页面的一部分其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单目录和索引。
section
HTML section元素表示一个包含在 HTML 文档中的独立部分它没有更具体的语义元素来表示一般来说会有包含一个标题。
figure
HTML figure 元素代表一段独立的内容经常与说明captionfigcaption 配合使用并且作为一个独立的引用单元。当它属于主内容流main flow时它的位置独立于主体。这个标签经常是在主文中引用的图片插图表格代码段等等当这部分转移到附录中或者其他页面时不会影响到主体。
figcaption
HTML figcaption 元素 是与其相关联的图片的说明/标题用于描述其父节点 figure 元素里的其他数据。这意味着 figcaption 在figure 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的如果没有该元素这个父节点的图片只是会没有说明/标题。
article
HTML article元素表示文档、页面、应用或网站中的独立结构其意在成为可独立分配的或可复用的结构如在发布中它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件或者其他独立的内容项目。
aside
HTML aside 元素表示一个和其余页面内容几乎无关的部分被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框call-out boxes。
footer
HTML footer 元素表示最近一个章节内容或者根节点sectioning root 元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。 页面、应用或网站中的独立结构其意在成为可独立分配的或可复用的结构如在发布中它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件或者其他独立的内容项目。
aside
HTML aside 元素表示一个和其余页面内容几乎无关的部分被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框call-out boxes。
footer
HTML footer 元素表示最近一个章节内容或者根节点sectioning root 元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。
