工装效果图网站,企业服务云平台,珠海中国建设银行招聘信息网站,成都广告公司网站建设总结 【标签按照功能进行分类】#xff1a; !DOCTYPE html#xff1a;声明为 HTML5 文档 html#xff08;双标记、块标记#xff09;#xff1a;是 HTML 页面的根元素#xff0c;定义 HTML 文档 head#xff08;双标记、块标记#xff09; !DOCTYPE html声明为 HTML5 文档 html双标记、块标记是 HTML 页面的根元素定义 HTML 文档 head双标记、块标记包含文档的元meta数据meta charsetutf-8 定义网页编码格式为 utf-8。 title双标记块标记定义浏览器工具栏的标题 body双标记块标记包含页面可见内容的主体部分 h1双标记块标记定义最高级标题 a双标记行标记创建超链接可以链接到其他页面或页面中的某个位置 br单标记行标记在文本中插入一个换行不需要闭合标签 p双标记块标记定义文本段落 hr单标记块标记创建一条水平线常用于内容分割 !--...--不适用不适用定义注释不会在浏览器中显示【HTML 文本格式化标签】 b双标记行标记定义粗体文本 em双标记行标记定义着重文字 i双标记行标记定义斜体字 small双标记行标记定义小号字 strong双标记行标记定义加重语气 sub双标记行标记定义下标字 sup双标记行标记定义上标字 ins双标记行标记定义插入字 del双标记行标记定义删除字【HTML 计算机输出 标签】 code双标记行标记定义计算机代码 kbd双标记行标记定义键盘码 samp双标记行标记定义计算机代码样本 var双标记行标记定义变量 pre双标记块标记定义预格式文本【HTML 引文, 引用, 及标签定义】 abbr双标记行标记定义缩写 address双标记块标记定义地址 bdo双标记行标记定义文字方向 blockquote双标记块标记定义长的引用 q双标记行标记定义短的引用语 cite双标记行标记定义引用、引证 dfn双标记行标记定义一个定义项目。【HTML head 元素】 head双标记块标记定义了文档的信息 title双标记块标记定义了文档的标题 base单标记块标记定义了页面链接标签的默认链接地址 link单标记块标记定义了一个文档和外部资源之间的关系 meta单标记块标记定义了HTML文档中的元数据 script双标记块标记定义了客户端的脚本文件 style双标记块标记定义了HTML文档的样式文件【HTML 样式标签】 style双标记块标记定义文本样式 link单标记块标记定义资源引用地址【HTML 图像标签】 img单标记行标记定义图像 map双标记块标记定义图像地图 area单标记行标记定义图像地图中的可点击区域【HTML 表格标签】 table双标记块标记定义表格 th双标记块标记定义表格的表头 tr双标记块标记定义表格的行 td双标记块标记定义表格单元 caption双标记块标记定义表格标题 colgroup双标记块标记定义表格列的组 col单标记块标记定义用于表格列的属性 thead双标记块标记定义表格的页眉 tbody双标记块标记定义表格的主体 tfoot双标记块标记定义表格的页脚【HTML 列表标签】 ol双标记块标记定义有序列表 ul双标记块标记定义无序列表 li双标记行标记定义列表项 dl双标记块标记定义定义列表 dt双标记行标记定义定义列表中的项目 dd双标记行标记定义定义列表中项目的描述【HTML 分组标签】 div双标记块标记定义文档的区域用于布局设计 span双标记行标记用于文本的组合不提供任何格式化【HTML 表单标签】 form双标记块标记定义供用户输入的HTML表单 input单标记行标记定义各种类型的输入字段 textarea双标记块标记定义多行文本输入控件 label双标记行标记定义input元素的标签 fieldset双标记块标记用于对表单元素进行分组 legend双标记行标记定义fieldset元素的标题 select双标记块标记定义下拉选项列表 optgroup双标记块标记定义选项组 option双标记行标记定义选择列表中的选项 button双标记行标记定义按钮 datalist双标记块标记定义输入字段的预定义选项 keygen单标记行标记规定用于表单的密钥生成器字段已废弃 output双标记行标记定义表单的输出【HTML iframe 标签】 iframe双标记块标记定义内嵌的浏览上下文【HTML 脚本标签】 script双标记块标记定义客户端脚本 noscript双标记块标记定义不支持脚本的浏览器的替代内容【HTML 属性参考手册】 查看完整的HTML属性列表: HTML 标签参考手册。 下面列出了适用于大多数 HTML 元素的属性 属性描述class为html元素定义一个或多个类名classname(类名从样式文件引入)id定义元素的唯一idstyle规定元素的行内样式inline styletitle描述了元素的额外信息 (作为工具条使用) 更多标准属性说明 HTML 标准属性参考手册. 【HTML 标签简写及全称】 标签英文全称中文说明aAnchor锚abbrAbbreviation缩写词acronymAcronym取首字母的缩写词addressAddress地址altalter替用(一般是图片显示不出的提示)bBold粗体文本bdoBi-Directional Override文本显示方向bigBig变大文本blockquoteBlock Quotation区块引用语brBreak换行cellcell巢cellpaddingcellpadding巢补白cellspacingcellspacing巢空间centerCentered居中文本citeCitation引用codeCode源代码文本ddDefinition Description定义描述delDeleted删除的文本dfnDefines a Definition Term定义定义条目divDivision分隔dlDefinition List定义列表dtDefinition Term定义术语emEmphasized加重文本fontFont字体h1~h6Header 1 to Header 6标题1到标题6hrHorizontal Rule水平尺hrefhypertext reference超文本引用iItalic斜体文本iframeInline frame定义内联框架insInserted插入的文本kbdKeyboard键盘文本liList Item列表项目nlnavigation lists导航列表olOrdered List排序列表optgroupOption group定义选项组pParagraph段落prePreformatted预定义格式文本 qQuotation引用语relReload加载s/ strikeStrikethrough删除线sampSample示例文本smallSmall变小文本spanSpan范围srcSource源文件链接strongStrong加重文本subSubscripted下标文本supSuperscripted上标文本tdtable data cell表格中的一个单元格thtable header cell表格中的表头trtable row表格中的一行ttTeletype打印机文本uUnderlined下划线文本ulUnordered List不排序列表varVariable变量文本 学习小记 1、单标记、双标记 双标记 button /button div /div单标记 img/2、块标记、行内标记 块标记 ul/ul行内标记 div XXXXXXXXXXXXXXXXXX /div a、input、img3、前端神器emmet【Emmet 的使用手册知识点超全版本】_emme/2用户适用手册-CSDN博客 HTML练习 1、参照慕课首页3.1.10的演示视频完成咖啡屋界面的HTML结构 参考 计划 实现 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleCoffee Shop/title /head body!-- 容器作用#container --div idcontainer!-- 页头部分#header放置logo、标题等信息 --div idheaderh1Jay17s Coffee Shop/h1/div!-- 页面主题部分#main放置页面主要信息此处为左右结构 --div idmain!-- 左边导航栏信息.sidebar --!-- div.sidebarul(lia{menu$})*5 --div classsidebarullia hrefmenu1/a/lilia hrefmenu2/a/lilia hrefmenu3/a/lilia hrefmenu4/a/lilia hrefmenu5/a/li/ul/div!-- 右边内容信息.mainbar --!-- div.mainbarp{coming soon}(ulli{item$}*10)img[srcimages/coffee.jpg]p{Road 23......} --div classmainbarpcoming soon/pulliitem1/liliitem2/liliitem3/liliitem4/liliitem5/liliitem6/liliitem7/liliitem8/liliitem9/liliitem10/li/ulimg srcimages/coffee.jpg altpRoad 23....../p/div/div!-- 页面底部信息#footer放置版权管理员信息等 --!-- div#footerp{copyrightcopy;}a[herfmailto:JiangShiQiproton.me]{JiangShiQiproton.me} --div idfooterpcopyrightcopy;/pa href herfmailto:JiangShiQiproton.meJiangShiQiproton.me/a/div/div/body /html2、在第1项作业的基础上设计用户登录界面的草图登录界面必须包含用户名、登录密码和登录按钮 设想 3、根据第2步完成的设计草图完成用户登录界面的HTML结构 还缺这些 !DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleLogin/title style/* Your CSS styles go here */ /style /head body!-- 容器作用#container -- div classcontainerdiv classsms-loginh2手机短信登录/h2form idsmsLoginForminput typetel placeholder请输入手机号码 requiredinput typetext placeholder请输入验证码 requiredlabelinput typecheckbox required我已阅读并同意相关条款和隐私政策/labelbutton typesubmit注册登录/button/form/divdiv classqr-loginh2扫码登录/h2!-- QR code should be dynamically generated here --div idqrCode/divp使用微信扫描二维码登录/p/div/divscript// Your JavaScript for form handling and QR code generation goes here /script /body /html 4、在实验报告中总结标记的特点、前3步完成的作业中哪些是单标记、哪些是双标记。 将菜鸟教程中HTML部分https://www.runoob.com/html/html-tutorial.html进行功能分类例如文本类标记、媒体类标记等注意单双标记区分划分分类没有统一标准根据自己的理解去划分需告知划分标准。 放在开头了