工装效果图网站企业服务云平台
工装效果图网站,企业服务云平台,珠海中国建设银行招聘信息网站,成都广告公司网站建设总结
【标签按照功能进行分类】#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进行功能分类例如文本类标记、媒体类标记等注意单双标记区分划分分类没有统一标准根据自己的理解去划分需告知划分标准。
放在开头了
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/88639.shtml
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!