京东网站建设现状分析,影视后期制作培训班价格,中国咨询公司,企业服务有哪些内容目录#xff1a;
html介绍 前端三大核心html骨架标签注释标签 标题#xff1a;h1~h6段落#xff1a;p超链接a图片空格与换行布局标签列表input标签form标签作业
1.html介绍
前端三大核心
html:超文本标记语言#xff0c;由一套标记标签组成标签#xff1a; 单标签
html介绍 前端三大核心html骨架标签注释标签 标题h1~h6段落p超链接a图片空格与换行布局标签列表input标签form标签作业
1.html介绍
前端三大核心
html:超文本标记语言由一套标记标签组成标签 单标签标签名 /双标签:标签名/标签名属性描述某一特征 示例:a 属性名属性值
html骨架标签 html:根标签所有的内容都应该放到html标签中head头部标签body:身体标签代码编写区域
注释
作用描述的内容不会被浏览器执行说明解析程序给程序员看快捷键ctrl/ !--注释区域--测试点前端页面上线之前检查注释描述或去除注释
标签
标题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标签
文本框inputtypetext/密码框inputtypepassword/单选按钮inputtyperadio复选框inputtypecheckbox按钮 普通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
2.作业
登录模块设计用例
