产品销售网站模板,怎么安装免费wordpress主题,wordpress自带的文章图片怎么修改,公司网站流程HTML5 HTML全称为超文本标记语言#xff0c;是一种标记语言。由一系列标签构成#xff0c;这些标签将分散的Internet资源链接成为了一个整体。 文档声明 HTML5之前 以SGML#xff08;通用标准标记语言#xff09;为标准 H5不再采用这个标准 声明方式比较简洁 语法特性
HTM…HTML5 HTML全称为超文本标记语言是一种标记语言。由一系列标签构成这些标签将分散的Internet资源链接成为了一个整体。 文档声明 HTML5之前 以SGML通用标准标记语言为标准 H5不再采用这个标准 声明方式比较简洁 语法特性
HTML5里边部分结束标签可以省略 例如HTML BODY li tr …单标签不需要加结束的/ 例input img br hr属性值可以不放在引号当中
HTML基本结构
!DOCTYPE html !--告诉浏览器我们要使用什么规范--
html langen!--网页头部--
head!--meta 描述标签描述网站信息--meta charsetUTF-8 !--keywords 属性说明网站的关键字--meta namekeywords content !--description 网站的描述--meta namedescription content !--表示链接到网站的图标如favicon--link relicon href./images/favicon.ico /!--title标签 网页标题--title这是我的第一个网页/title !-- 链接到外部CSS样式表 -- link relstylesheet hrefstyles.css /headbody !--body表示网页主体部分--hello,world;
/body
/html
标签
span a i img ul li div p form input textarea select option…
语义化标签
header main footer nav section(一节)aside article hgroup放置标题figure (放置音频视频媒体文)figcaption(放置媒体文件标题) figurefigcaption标题/figcaptionimg src alt/figureaddress time progress进度条效果 sectionprogress value50 max100/progress/section功能性的标签
视频video video srcdemo.mp4 controls autoplay/video音频audio audio srcdemo.mp3 controls autoplay/audio视频源sourcevideosource srcdemo.mp4source srcdemo.ogg/video画布绘制canvas
属性
hidden 隐藏类似于display:none;的效果
header hidden123/header contenteditable内容可编辑
div stylewidth:300px; height:300px;background:#ccc;contenteditabletrue/divdraggable是否可以拖拽
div stylewidth:300px; height:300px;background:#ccc;draggabletrue/divvideo audio controls 播放控件autoplay 是否自动播放poster 封面图片
表单 form input textarea select option label 控件类型 text password radio checkbox file文件域 button reset hidden隐藏域submitH5的控件类型email url year month week date time datetime-local tel search number range滑块 color 属性 form标签 action 表单提交的地址method 提交的方式(HTTP方法 GET/POST)enctype 提交内容的数据格式(form-data/urlencoded)novalidate 在提交的时候不进行验证autocomplete 表单自动补全/提示name 名字 用来进行选择 表单控件可以使用的属性 type 控件类型name 名字 用来进行提交value 值readonly 只读只能提交不能修改disabled 禁用 (不能提交不能修改)form 表示当前的控件要提交的表单是哪个(和form标签的id属性相关联的)required 当前控件是必填项pattern 用正则进行验证autofocus 自动获得焦点placeholder 默认的提示文字submit中可以用到的属性 formaction跳转到其他界面formmethodformenctypeformtarget跳转时打开新窗口【一套表单多种提交】 数值类型min max step最小值 最大值 步进值 —只能用在数值里边
!-- 举例1 --
form actiondemo.html novalidate autocompleteoffulliinput typefileliinput typehiddenlilabel电子邮件input typeemail namen value123qq.com readOnly/labellilabel forurl网址/labelinput typeurl nameu idurl liinput typeyear namey disabledliinput typemonth namemliinput typeweek namewliinput typedate namedliinput typetime nametliinput typedatetime-local namedtliinput typetel nametliinput typesearch namesliinput typenumber namen min0 max10 step2liinput typerange namerliinput typecolor namecliinput typesubmit valuedemo.htmlliinput typesubmit value百度 formactionhttp://www.baidu.com formtarget_blank/ul/form!-- 举例 --
form actionhttp://www.baidu.com idmyform target_blank/formsectioninput typetext nameuser formmyform required pattern\d{6,8} autofocus placeholder请输入6-8个数字 input typesubmit formmyform /section
