衡阳做淘宝网站,网页设计代码太多,苍溪网站建设,网站开发kpiHTML语法规范
html/html 开始标签与结束标签
br / 单标签 包含关系
headtitle/title
/head并列关系
head/head
body/body
1、 标题标签
标题标签 【双标签】【不同标题字体大小…HTML语法规范
html/html 开始标签与结束标签
br / 单标签 包含关系
headtitle/title
/head并列关系
head/head
body/body
1、 标题标签
标题标签 【双标签】【不同标题字体大小不一样但是都加粗了】
h1 ~ h6
例子h1一级标题/h1 2、 分段标签和换行标签
分段标签和换行标签
1、分段标签【用来放置文字段落】p.../p
2、换行标签【单标签】【用来换行】br / 3、 文本格式化标签
文本格式化标签
1、加粗我是strong加粗/strong的文字 br /我是b加粗/b的文字 br /
2、倾斜我是em倾斜/em的文字 br /我是i倾斜/i的文字 br /
3、删除线我是del删除线/del br /我是s删除线/s br /
4、下划线我是ins下划线/ins br /我是u下划线/u br / 4、 div 和 span 标签 div.../div 【独自占一行】span.../span【只占内容大小】5、 图像标签
图像标签 img srcxx.jpg alt我是小黄人 title思密达 width500 border15/
属性意思alt替换文本【团片不能显示时用文字显示】title提示文本【鼠标停放在图片上时会有文本显示】width设定图片宽度height设定图片高度border设定边框黑色 5.1 相对路径 1、同一路径img srcxx.jpg /
2、下一路径img srcimages/xx.jpg /
3、上一路径img src../xx.jpg / 5.2 绝对路径 img srcC:\Users\hp\Desktop\xx.jpg /img srchttps://www.xxx.xx/xx.jpg /6、 超链接标签
【a标签点击跳转到href里面的地址】
1.外部链接a hrefhttp://www.qq.com target_blank腾讯/atarget 打开窗口的方式1.默认的值是_self当前窗口打开页面2._blank新窗口打开页面 2.内部链接网站内部页面之间的相互链接a hrefgongsijianjie.html target_blank公司简介/a3.空链接#【暂时没有链接时代替使用】a href#公司地址/a4.下载链接地址链接的是 文件 .exe 或者是 zip 等压缩包形式a hrefxx.zip下载文件/a5.网页元素的链接点击这个图片会打开百度a hrefhttp://www.baidu.comimg srcxx.jpg //a 6.1 锚点标签 a href#abc AABBAABB /a......某标签 idabc/某标签【点击a标签有 href#abcAABBAABB后会跳转到 idabc 所在地方】 7、 表格标签 tabletr td姓名/tdtd性别/tdtd年龄/td /trtr td刘德华/tdtd男/tdtd56/td /trtr td张学友/tdtd男/tdtd58/td /trtr td郭富城/tdtd男/tdtd51/td /tr/table 7.1 表格表头 th.../th 和 td.../td
区别是 th/th会加粗加黑、居中 7.2 表格属性 table aligncenter border1 cellpadding50 cellspacing0 width500 height249/table 属性名属性值描述alignleft左、center中、right右对齐方式【整个table标签的】border1 或 默认没有边框cellpadding像素值单元边缘 与 内容的距离cellspacing像素值单元格之间距离width像素值 或 百分比表格宽度height像素值 或 百分比表格高度 7.3 合并单元格 1、colspan指跨列合并 2格td colspan2/td2、rowspan指跨行合并 2格td rowspan2/td 8、 列表标签无序|有序|自定义
1、无序列表ulli.../lili.../lili.../li/ul2、有序列表olli.../lili.../lili.../li/ol3、自定义列表dldt.../dt 老大dd.../dd 小弟dd.../dddd.../dd/dl 9、 表单标签
1、表单域form action处理表单提交的 URL methodPOST或GET neme表单的名称.../form2、input表单元素input type1 21 (1) text : 文本框可输入任何文字(2) password : 密码框用户看不见密码(3) radio : 单选按钮实现单选【每个按钮加一个属性 name且值需一样】(4) checkbox : 复选框实现多选【每个按钮加一个属性 name且值需一样】(5) submit : 提交按钮把form中元素的值提交【例子免费注册】(6) reset : 重置还原表单元素初始状态【例子重置表单必须被 form 包围着】(7) button : 普通按钮【例子获取验证码】(8) file : 文件域上传文件2 表单控件:(1) name : 该表单名称(2) value : 表单的初始值(3) placeholder : 当没有值设定时出现在表单控件上的文字(4) type : 表单类型如 1(5) maxlength : 输入字符最大长度【minlength最小长度】对于输入框(6) checked : 首次打开按钮被选中对于 单选框 或者 多选框 form actionxxx.php methodGET!-- name 是表单元素的名字 这里性别单选按钮必须有“相同”的名字name 才可以实现多选“ 一 ” --用户名: input typetext nameusername value请输入用户名 maxlength6 br!-- text 文本框 用户可以在里面输入任何文字 --密码: input typepassword namepwd br!-- password 密码框 用户看不见输入的密码 --!-- 单选按钮和复选框可以设置checked 属性当页面打开时候就可以默认选中这个按钮 --性别: 男 input typeradio namesex checkedchecked 女 input typeradio namesex 人妖 input typeradionamesex br!-- radio 单选按钮 可以实现多选“ 一 ” --爱好: 吃饭 input typecheckbox namehobby 睡觉 input typecheckbox namehobby checkedchecked 打豆豆 inputtypecheckbox namehobby br!-- checkbox 复选框 可以实现多选 --input typesubmit value免费注册!-- 点击了后台按钮可以把 表单域 form 里面的表单元素 里面的值 提交给后台服务器 --input typereset value重新设置!-- 重置按钮可以还原表单元素初始的默认状态 --input typebutton value获取短信验证码 br!-- 普通按钮 button 后期结合js 搭配使用 --上传头像: input typefile!-- 文件域 使用场景 上传文件使用的 --/form 10、 label标签、select下拉列表和textarea文本域
1、label标签【通过 for 值找到 同值 的 id 值】label fortext 用户名: /label input typecheckbox idtext【点击 用户名 多选框会选上再次点击取消选中】2、select下拉列表select name idoption value北京/optionoption value山东/optionoption value天津/optionoption value selectedselected火星/option/select【selected打开直接选中】3、textarea文本域【可输入多行文本】textarea name id cols50 rows5请输入文字/textarea【cols显示行数、rows每行字符数】
