专业建站商,影楼修图,百度网站介绍,定制网站建设服务商软件设计之HTML5
【狂神说Java】HTML5完整教学通俗易懂
学习内容#xff1a;
软件开发技能点参照#xff1a;软件开发#xff0c;小白变大佬#xff0c;这套学习路线让你少走弯路是认真的#xff0c;欢迎讨论 软件开发技能点参照#xff1a;Java学习完整路线#xff…软件设计之HTML5
【狂神说Java】HTML5完整教学通俗易懂
学习内容
软件开发技能点参照软件开发小白变大佬这套学习路线让你少走弯路是认真的欢迎讨论 软件开发技能点参照Java学习完整路线强烈建议收藏转发
HTML简介常用标签行内元素与块元素页面结构框架iframe内联框架框文本域与文件域
1、HTML简介 HTMLHyper Text Markup Language 超文本标记语言 DOCTYPE DOCTYPE 告诉浏览器使用规范 !-- 注释内容--
!DOCTYPE html!-- 告诉浏览器使用规范--title标签 用来命名网页标题 2、常用标签
!-- 你好--
!DOCTYPE html
html langen
headmeta charsetUTF-8
!-- title标签网页名字--title网页名字/title
/head
body
!--标题标签--
h1一级标题/h1
h2二级标题/h2
h3三级标题/h3
h4四级标题/h4
h5五级标题/h5
h6六级标题/h6
!--段落标签--
!--一根水平线--
pA/p
pB/p
!--水平线标签--
hr
!--换行标签--
C br
D br
!--粗体、斜体--
粗体strong你好/strong
斜体em你好/em
!--特殊符号--
空格 nbsp; br
大于号gt;br
小于号lt; br
/body
/html图像标签 超链接标签
!--a标签
href:必填表示要跳转的页面
target:表示窗口在哪里打开_blank 在新标签中打开_self 在自己的网页中打开--
a hrefhttps://www.baidu.comtarget_blank/a锚连接
a idtop顶部/a
!--锚链接
1、锚标记
2、跳转到标记--
a href#top回到顶部/a列表
!--有序列表--
olliJava/liliPython/liliC/C/li
/ol
!--无序列表--
ulliJava/liliPython/liliC/C/li
/ul
!--自定义列表--
!--dt:列表名称dd列表内容--
dldt学科/dtddJava/ddddPython/ddddC/C/dd
/dl表格 HTML5 中不推荐使用 border 属性来设置表格边框。相反建议使用 CSS 来实现同样的效果这里先不阐述。 !--
行tr
列td--
tabletr
!--colspan 跨列--td colspan41-1/td/trtr
!--rowspan 跨行--td rowspan22-1/tdtd2-2/tdtd2-3/tdtd2-4/td/trtrtd3-2/tdtd3-3/tdtd3-4/td/tr
/table按钮
)
3、行内元素与块元素 4、页面结构框架 5、 iframe内联框架 iframe 标签用于在一个网页内嵌入另一个 HTML 页面 src: 要嵌入的页面的 URL。 width 和 height: 指定 iframe 的宽度和高度。 此处代码功能是点击跳转随后网页在所设置的内联框架中显示 body
iframe src nameshow width1000px height800px/iframe
a hrefhttps://www.bilibili.com targetshow点击跳转/a
/body表单 Chrome的表单数据在Payload里(每个浏览器的不一样) h1注册/h1
!--表单form
action:表单提交的位置可以是网站也可以是一个请求处理地址
method:post,get提交方式post比较安全传输大文件get可以在url中看到提到的信息不安全高效--
form actionindex.html methodpost!-- 文本输入框input typetext--p名字input typetext nameusername/p!-- 密码框input typepassword--p名字input typepassword namepwd/ppinput typesubmitinput typereset/p
/form6、框
单选框
p性别input typeradio valueboy namesex男input typeradio valuegirl namesex女
/p多选框
p爱好input typecheckbox valuesleep namehobby睡觉input typecheckbox valuecode namehobby写代码
/p下拉框
p下拉框select name列表名称option value选择项中国/optionoption value选择项美国/optionoption value选择项英国/option/select
/p7、文本域与文件域
文本域
p反馈textarea nametextarea cols50 rows10文本内容/textarea
/p文件域 上传文件 pinput typefile namefiles
/p
