鼠标垫东莞网站建设,wordpress个性主题,网站服务器和网站备案吗,企业微信app下载安装官网HTML标签结构 HTML语言主要都是由标签构成的。 标签名 在 中 如body 标签大部分成对出现#xff0c;代表开始和结束 如 body标签中的内容/body 少部分单个出现#xff0c;叫单标签 /br 代表换行 标签中可以加属性#xff0c;多个…HTML标签结构 HTML语言主要都是由标签构成的。 标签名 在 中 如body 标签大部分成对出现代表开始和结束 如 body标签中的内容/body 少部分单个出现叫单标签 /br 代表换行 标签中可以加属性多个属性之间使用空格隔开 HTML文件结构
htmlheadtitleDocument/title/headbody/body/html html /html 是整个html文件的顶层标签(根标签) head /head 整个页面的属性 title /title 页面的标题 body /body 页面的内容 HTML常见标签
注释标签 !-- --!-- 上面这个标签就是注释 --!-- 编译器中按 Ctrl / 快速生成 --!-- 在浏览器查看源码时可以看到注释 --
标题标签 h1一级标题/h1h2二级标题/h2!-- 总共有六级标题 -- 段落标签 p一个p标签之间就是一个段落/pp这是另外一个段落/p 换行标签 一个p标签之间就是一个段落/br换行了使用这个比br更为标准 格式化标签 b加粗/bstrong这也可以加粗/strong/bri倾斜/iem这也可以倾斜/em/brdel删除线/dels这也是删除线/s/brins下划线/insu这也是下划线/u 图片标签 !-- 测试图片标签 --!-- src 图片的路径 --!-- 路径可以是相对路径也可以是绝对路径 表示方法都一样 --!-- alt 当图片不能正确显示的时候显示alt中的内容 --!-- width 图片的大小(只设置width 长和宽会按比例缩放) --!-- border 图片的边框 --!-- title 鼠标悬停出来的文字 --!-- 属性可以有多个之间用空格或回车分隔 --img srcpicture1.png alt宇航员 width500px border5pxtitle宇航员
超链接标签 !-- a 超链接 点击后可以跳转到那个界面 --!-- 中间的文字会显示到网页上 --a hrefhttps://www.bilibili.com/点我跳到b站/a!-- 点击目录中的html文件 --a hrefTest2.html点我跳到Test2/a!-- # 用这个符号占位 --a href#我是一个空链接/a!-- 内容还可以是文件这样就可以下载 --a hrefpicture1.png点我查看宇航员图片/aa hrefpicture1.7z点我下载压缩包/a!-- 链接中加图片 图片链接 --a hrefhttps://www.bilibili.com/img srcpicture1.png width100px/a!-- 点击链接后会生成一个新的标签页而不是覆盖 --a hrefhttps://www.bilibili.com/ target_blank点我增加新的标签页/a 表格标签 !-- 表格标签 --!-- table 整个表格的开始和结束 --!-- 表格中可以设置边框的属性一般用CSS来设置 --table alignceter border1 cellpadding20 cellspacing0 width500 height500!-- tr 表示一行 --tr!-- th 表示表头中的一个单元格 --th姓名/thth学号/th/trtr!-- td 表示一个单元格 --td张三/tdtd10001/td/trtrtd李四/tdtd10002/td/trtrtd王五/tdtd10003/td/tr/table 列表标签 !-- 列表标签 --!-- ul unordered list 无序列表 --ul!-- li 列表项 --liC语言/liliJava/lili大学物理/lili高等数学/li/ul!-- ol ordered list 有序列表 --olliC语言/liliJava/lili大学物理/lili高等数学/li/ol!-- dl 自定义列表 --dl!-- dt 小标题 --dt课程/dt!-- dd 列表项 --ddC语言/ddddJava/dddd大学物理/dddd高等数学/dd/dl 表单标签
表单标签是用户输入的重要途径.
input标签 !-- 表单标签 --!-- text 输入文本 --input typetextbr/!-- password 输入密码 --input typepasswordbr/!-- radio 单选框(默认可以多选) --!-- name 必须相同才能实现多选一的效果 --!-- checked 默认初始值选哪个 --input typeradio namesex 男input typeradio namesex checkedchecked 女br/!-- checkbox 多选框 --input typecheckbox Ainput typecheckbox Binput typecheckbox Cinput typecheckbox Dbr/input typebutton value这是个按钮onclickalert(按了按钮的结果)br/input typefilebr/select标签 !-- select 选择 --select!-- option 选择的选项 --option请选择年份/optionoption2001/optionoption2002/optionoption2003/optionoption2004/optionoption2005/option/select textarea标签 textarea cols30 rows10写点内容/textarea 无语义标签 divdiv标签独占一行div标签除了表单标签不能模拟之外剩下所有的标签基本上都可以模拟spanaaa/spanspanbbb/span/divdiv另一个divspanccc/spanspanddd/span/div 有什么错评论区指出。希望可以帮到你。
