门户网站cms程序,wordpress 底部栏位置,wordpress自定义分类模板下载,北京别墅装修公司前十名1.1 前端三大核心 html:超文本标记语言#xff0c;由一套标记标签组成 标签#xff1a; 单标签#xff1a;标签名 / 双标签:标签名/标签名 属性#xff1a;描述某一特征 示例:a 属性名属性值
1.2 html骨架标签
!DOC…1.1 前端三大核心 html:超文本标记语言由一套标记标签组成 标签 单标签标签名 / 双标签:标签名/标签名 属性描述某一特征 示例:a 属性名属性值
1.2 html骨架标签
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body/body
/htmlhtml:根标签所有的内容都应该放到html标签中
head头部标签
body:身体标签代码编写区域
1.3 注释 作用描述的内容不会被浏览器执行 说明解析程序给程序员看 快捷键ctrl/ !--注释区域-- 测试点前端页面上线之前检查注释描述描述不恰当的文字或去除注释 测试右击需要测试的网页点击【查看源代码】查看文字描述的注释等是否恰当
1.4 标签 标题h1~h6 说明h1最大h6最小 示例 h1我是h1/h1
h6我是h6/h6 段落p 特点语义化、独占一块换行 示例 p我是段落/p 超链接a 说明点击文本跳转到指定页面 语法a hrefhttps://www.baidu.com文本/a 属性 href跳转的地址或文件 target:打开窗口模式。新窗口target_blank 图片 说明在页面中插入一张图片 测试点必须有title属性悬停和未加载显示 示例 !--图像标签img属性src:图片路径title悬停显示文字width:宽100px px:像素height:高 alt:图片未加载时显示的文字--img src011.jpg title希望在田野 width100px height200px alt此处有一张田野照片/ 空格与换行 空格nbsp; -shift7 换行br / 布局标签 布局设置页面布局便于排版 大盒子div、独占一行 小盒子span、一行可以放多个 列表 script:js标签
style:css标签
link:外部加载css标签 input标签 文本框input typetext / 密码框input typepassword / 单选按钮input typeradio 复选框input typecheckbox 按钮 普通typebutton 提交typesubmit 重置: typereset !--按钮测试点统一使用value进行赋值提示普通按钮默认没有执行效果需要配合Js来实现。
-- form标签 作用提交页面输入的数据到指定页面或后台 !--form作用将页面输入的数据提交到后台或指定页面属性action 指定将数据提交到那个页面。method:提交参数的方法get、postget:查询使用1、参数url明文显示2、提交速度快3、提交参数有长度限制post:提交数据、登录、注册1、非明文显示2、提交速度慢3、提交参数的长度无限制
-- form action10-接受数据.html methodget用户名input typetext nameusername/br /密码框input typepassword namepassword/br /!--单选效果1、相同一组的radio才能做单选。2、设置相同组名name属性值为一组。--性别input typeradio nameone/男input typeradio nameone/女br /您的爱好input typecheckbox /挣钱input typecheckbox /吃饭input typecheckbox /欣赏美input typecheckbox /个人发挥br /input typesubmit /input typereset /input typebutton value点我试试//form 提交 问题不同浏览器默认的typesubmit的默认提示语是不一样的 解决统一给subumit增加一个value赋值即可 按钮测试点统一使用value进行赋值
