当前位置: 首页 > Web前端 > HTML

认识“HTML”

时间:2023-04-02 19:15:44 HTML

HTML什么是HTML?①全称:HypertextMarkupLanguage②超文本:在普通文本内容的基础上添加超链接、图片、视频等③标记语言:HTML提供了一系列标签④版本:HTML4.01HTML声明1、编码格式:HTML52.HTML模板①HTMLstatement作用:告诉浏览器当前HTML页面的版本和类型用法:必须在HTML页面的0行0列注意:该语句不是必须的,该语句使浏览器更好的解析HTML页。②根标签结束标签:有开始标签和结束标签注意:一个HTML页面中只能有一个根标签③标签作用:定义当前HTML页面的信息子标签定义HTML页面的标题,便于搜索引擎抓取。<link>导入外部CSS文件<style>编写CSS样式代码<script>导入外部JavaScript文件或编写JavaScript代码<meta><metacharset="UTF-8">设置编码格式<metaname="keywords">设置便于搜索引擎抓取的关键字。④<body>标签功能:显示在浏览器窗口的HTML标签①结束标签:有开始和结束标签②单标签:只有开始标签的HTML属性1.定义:在开始标签中定义2.格式:属性名="value"3.分类:①标准属性:几乎所有标签都有的属性。例子:id-identification,uniquename-nameclassstyle②私有属性:只有特定标签才有的属性。常用标签:title<h1>~<h6>作用:从大到小<h1>:方便搜索引擎抓取,最好只有一个<h1>段<p></p>换行符<br>HTML页面中的水平线<hr>列表①有序列表<ol><li></li></ol>②无序列表<ul><li><li></ul>③定义列表<dl><dt>项目名称</dt><dd>项目中的具体内容</dd></dl>链接<ahref="address"></a>功能:实现页面间的跳转②锚点<ahref="#name">back返回顶部</a>③发送邮件④<a>元素的属性列表属性名称值说明hrefURL指定链接的目标URL。target_blank/_parent/_self指定打开目标URL的位置。仅在存在href属性时使用。路径①相对路径:目标页面相对于当前页面的路径②绝对路径:查找从根目录到目标页面的路径图片①<imgsrc="图片的地址"alt="">②显示大小:width设置图片的显示宽度Height设置图片的显示高度③注:设置显示的宽高与原图的比例一致④img元素的属性列表:属性名称值说明aligntopbottommiddleleftrightHTML5不支持。HTML4.01已过时。指定如何根据周围的文本排列图像。alttext指定图像的替代文本。heightpixels指定图像的高度。srcURL指定显示图像的URL。widthpixels指定图像的宽度。HTML表格①概念:有行和列②基本结构<table>表示表格<tr>表示行<td>表示单元格③表头单元格由<th>创建,元素中的文本通常呈现为粗体和居中。标准单元格由<td>创建,元素中的文本默认左对齐。Category:<thead>代表表格的表头,显示在表格的最上方。<tbody>代表表格中的数据<tfoot>代表表格的结尾,显示在表格的底部。④带标题的表格<caption>定义标题:每个表格只能设置一个,默认居中显示。⑤跨行或跨列rowspanCross-rowcolspanCross-columnHTMLform①功能:提交页面中的数据内容②<form>:表示表单属性名值描述动作URL指定表单提交时将表单数据发送到哪里已提交。methodget/post指定用于发送表单数据的HTTP方法。nametext指定表单的名称。③表单组件:<input>④输入框<inputtype="text"><inputtype="password">⑤Button<inputtype="button"><inputtype="reset"><inputtype="submit">⑥single-选择或多选框<inputtype="radio"><inputtype="checkbox">⑦隐藏字段<inputtype="hidden">⑧文件字段<inputtype="file">⑨<select>下拉单框下拉多选框HTML实体概念:HTML实体是指HTML转义字符显示结果描述实体名称空间<小于号<>大于号>&quotemark'?copyright(版权)??注册trademark??trademark?×乘号×÷除号÷</p> </div> </div> <div class="zuowen_sxy"> <div class="prev">上一篇:<a title="Spring最常用的11个扩展点,你知道几个?" href="/webqianduan/232084.html">Spring最常用的11个扩展点,你知道几个?</a> </div> <div class="prev">下一篇:<a title="使用CSS3动画功能制作出引人入胜的加载动画" href="/webqianduan/232086.html">使用CSS3动画功能制作出引人入胜的加载动画</a> </div> </div> <div class="related_about"> <div class="related_about_t"><code>认识“HTML”相关文章</code></div> <ul> <li><a href="/kejifunen/371018.html" target="_blank" title="“狼”来了! 9月智能手表市场或将发生质变">“狼”来了! 9月智能手表市场或将发生质变</a></li> <li><a href="/kejifunen/371014.html" target="_blank" title="李彦宏首次提出“AI思维”理论!真正推动社会进步的是算法,而">李彦宏首次提出“AI思维”理论!真正推动社会进步的是算法,而</a></li> <li><a href="/kejifunen/371012.html" target="_blank" title="让那些更懂人性的智能设备成为“朋友”">让那些更懂人性的智能设备成为“朋友”</a></li> <li><a href="/kejifunen/371000.html" target="_blank" title="2017年,30%的可穿戴产品将“隐形”">2017年,30%的可穿戴产品将“隐形”</a></li> <li><a href="/kejifunen/370990.html" target="_blank" title="深脑链基金会参加OFweek 2018“维科杯”中国人工智能">深脑链基金会参加OFweek 2018“维科杯”中国人工智能</a></li> <li><a href="/kejifunen/370980.html" target="_blank" title="可穿戴技术! “智能”引领世界,“穿戴”世界">可穿戴技术! “智能”引领世界,“穿戴”世界</a></li> <li><a href="/kejifunen/370974.html" target="_blank" title="谷歌将于 5 月发布“全球最高分辨率 OLED 玻璃显示屏”">谷歌将于 5 月发布“全球最高分辨率 OLED 玻璃显示屏”</a></li> <li><a href="/kejifunen/370949.html" target="_blank" title="马云发表署名文章!不争“首富”,争“第一包袱”">马云发表署名文章!不争“首富”,争“第一包袱”</a></li> <li><a href="/kejifunen/370942.html" target="_blank" title="除了“超级碗”之外,NFL还忙着与可穿戴设备相关的计划">除了“超级碗”之外,NFL还忙着与可穿戴设备相关的计划</a></li> <li><a href="/kejifunen/370938.html" target="_blank" title="可穿戴设备有望成为人类健康的“仪表盘”">可穿戴设备有望成为人类健康的“仪表盘”</a></li> <li><a href="/kejifunen/370927.html" target="_blank" title="外媒! Apple Watch面临“清库存”挑战">外媒! Apple Watch面临“清库存”挑战</a></li> <li><a href="/kejifunen/370915.html" target="_blank" title="两只“聪明”的高跟鞋!无线控制高度或温度? ">两只“聪明”的高跟鞋!无线控制高度或温度? </a></li> <li><a href="/kejifunen/370910.html" target="_blank" title="酷狗耳机VS望仙兔,中秋“定情信物”你更喜欢哪一款? ">酷狗耳机VS望仙兔,中秋“定情信物”你更喜欢哪一款? </a></li> <li><a href="/kejifunen/370864.html" target="_blank" title="如果大数据要成为驱动多个行业发展的“引擎”,我们需要掌握哪些">如果大数据要成为驱动多个行业发展的“引擎”,我们需要掌握哪些</a></li> <li><a href="/kejifunen/370863.html" target="_blank" title="家居风格-客厅装修,“舒适第一”是最重要的原则">家居风格-客厅装修,“舒适第一”是最重要的原则</a></li> <li><a href="/kejifunen/370853.html" target="_blank" title="苹果来了,谷歌该如何“逆袭”可穿戴设备">苹果来了,谷歌该如何“逆袭”可穿戴设备</a></li> <li><a href="/kejifunen/370840.html" target="_blank" title="呼唤“巴巴”!华为奏响可穿戴物联网之歌">呼唤“巴巴”!华为奏响可穿戴物联网之歌</a></li> <li><a href="/kejifunen/370834.html" target="_blank" title="北京康力幽兰机器人科技有限公司参加OFweek 2018“维">北京康力幽兰机器人科技有限公司参加OFweek 2018“维</a></li> <li><a href="/kejifunen/370822.html" target="_blank" title="智能手表或将通过物联网“回归”市场">智能手表或将通过物联网“回归”市场</a></li> <li><a href="/kejifunen/370816.html" target="_blank" title="2016年,虚拟现实“元年”? ">2016年,虚拟现实“元年”? </a></li> </ul> </div> </div> <div class="main-right"> <div class="right_fix"> <div class="r_con"> <div class="r_title">最新推荐</div> <ul> <li><em>1</em><a href="/kejifunen/371282.html" title="网易精心推出氧蓝牙耳机Pro版发售,打造“音乐+生活”新体验" target="_blank">网易精心推出氧蓝牙耳机Pro版发售,打造“音乐+生活”新体验</a></li> <li><em>2</em><a href="/kejifunen/371278.html" title="速冷、舒适、节能堪称“全能”,美的极爽空调特价促销" target="_blank">速冷、舒适、节能堪称“全能”,美的极爽空调特价促销</a></li> <li><em>3</em><a href="/kejifunen/371269.html" title="Cool House“全球智能加速器”沙龙将于8月10日在深" target="_blank">Cool House“全球智能加速器”沙龙将于8月10日在深</a></li> <li><em>4</em><a href="/kejifunen/371261.html" title="谷歌智能手表操作系统正式更名为“Wear OS”" target="_blank">谷歌智能手表操作系统正式更名为“Wear OS”</a></li> <li><em>5</em><a href="/kejifunen/371256.html" title="VR“断断续续”的流行还存在这些问题" target="_blank">VR“断断续续”的流行还存在这些问题</a></li> <li><em>6</em><a href="/kejifunen/371250.html" title="浪潮金库大数据可视化分析平台为企业资金管理打造“千里眼”" target="_blank">浪潮金库大数据可视化分析平台为企业资金管理打造“千里眼”</a></li> <li><em>7</em><a href="/kejifunen/371239.html" title="高伟入选麻省理工青年英雄名单! “防汗带”监测身体危险信号" target="_blank">高伟入选麻省理工青年英雄名单! “防汗带”监测身体危险信号</a></li> <li><em>8</em><a href="/kejifunen/371223.html" title="VR行业发展分析!告别“野蛮生长”,将进入洗牌期" target="_blank">VR行业发展分析!告别“野蛮生长”,将进入洗牌期</a></li> <li><em>9</em><a href="/kejifunen/371209.html" title="腾讯推出首款医疗AI产品“觅影”,专注食管癌早期筛查" target="_blank">腾讯推出首款医疗AI产品“觅影”,专注食管癌早期筛查</a></li> <li><em>10</em><a href="/kejifunen/371192.html" title="什么能让你摆脱“随机无蛋”的可穿戴产品? " target="_blank">什么能让你摆脱“随机无蛋”的可穿戴产品? </a></li> </ul> </div> <div class="r_con"> <div class="r_title">猜你喜欢</div> <ul class="you_like"> <li><em>1</em><a href="/kejifunen/371177.html" title="可穿戴设备“活”成行业转折年" target="_blank">可穿戴设备“活”成行业转折年</a></li> <li><em>2</em><a href="/kejifunen/371165.html" title="多种智能穿戴设备与平台结合,“嘎趣看看”致力于智能家居护理市" target="_blank">多种智能穿戴设备与平台结合,“嘎趣看看”致力于智能家居护理市</a></li> <li><em>3</em><a href="/kejifunen/371163.html" title="奥克斯实行“使用60天不满意包退”的四大理由" target="_blank">奥克斯实行“使用60天不满意包退”的四大理由</a></li> <li><em>4</em><a href="/kejifunen/371158.html" title="谷歌眼镜未来还能“拯救”吗? " target="_blank">谷歌眼镜未来还能“拯救”吗? </a></li> <li><em>5</em><a href="/kejifunen/371147.html" title="各大厂商都热情高涨! Q4智能手表行业上演“鏖战”" target="_blank">各大厂商都热情高涨! Q4智能手表行业上演“鏖战”</a></li> <li><em>6</em><a href="/kejifunen/371139.html" title="让人类长出“鳃”,这款可穿戴设备有望让人类在水下自由呼吸! " target="_blank">让人类长出“鳃”,这款可穿戴设备有望让人类在水下自由呼吸! </a></li> <li><em>7</em><a href="/kejifunen/371129.html" title="难得一见的清华深度学习课程!我们“偷”了全套干货" target="_blank">难得一见的清华深度学习课程!我们“偷”了全套干货</a></li> <li><em>8</em><a href="/kejifunen/371119.html" title="可穿戴设备突破!只需改变“一点点”" target="_blank">可穿戴设备突破!只需改变“一点点”</a></li> <li><em>9</em><a href="/kejifunen/371110.html" title="重庆第二师范学院推进“智能手环应用”项目" target="_blank">重庆第二师范学院推进“智能手环应用”项目</a></li> <li><em>10</em><a href="/kejifunen/371108.html" title="国内首家“虚拟现实内容研发中心”成立,乐视VR与北电在产学研" target="_blank">国内首家“虚拟现实内容研发中心”成立,乐视VR与北电在产学研</a></li> <li><em>11</em><a href="/kejifunen/371106.html" title="VR体验中心火爆,从密室逃脱到VR的“转变”你了解多少" target="_blank">VR体验中心火爆,从密室逃脱到VR的“转变”你了解多少</a></li> <li><em>12</em><a href="/kejifunen/371098.html" title="可穿戴设备市场将在“大规模灭绝”后重生" target="_blank">可穿戴设备市场将在“大规模灭绝”后重生</a></li> <li><em>13</em><a href="/kejifunen/371085.html" title="北京世联通科技有限公司参加OFweek 2018“维科杯”中" target="_blank">北京世联通科技有限公司参加OFweek 2018“维科杯”中</a></li> <li><em>14</em><a href="/kejifunen/371079.html" title="谷歌开发“着色机器人”,可以给黑白视频上色" target="_blank">谷歌开发“着色机器人”,可以给黑白视频上色</a></li> <li><em>15</em><a href="/kejifunen/371060.html" title="观看CES2017!可穿戴设备成“剩菜”,智能家居无处不在?" target="_blank">观看CES2017!可穿戴设备成“剩菜”,智能家居无处不在?</a></li> <li><em>16</em><a href="/kejifunen/371049.html" title="华为Watch太夸张了,智能手表不“智能”吗? " target="_blank">华为Watch太夸张了,智能手表不“智能”吗? </a></li> <li><em>17</em><a href="/kejifunen/371047.html" title="这些食物里有“虫”,这样吃才安全! " target="_blank">这些食物里有“虫”,这样吃才安全! </a></li> <li><em>18</em><a href="/kejifunen/371040.html" title="东南大学联合联想研发“可穿戴智能心电衣”,年底前将投入公测" target="_blank">东南大学联合联想研发“可穿戴智能心电衣”,年底前将投入公测</a></li> <li><em>19</em><a href="/kejifunen/371032.html" title="小米手环3新增“手机静音”功能" target="_blank">小米手环3新增“手机静音”功能</a></li> <li><em>20</em><a href="/kejifunen/371027.html" title="如何面对可穿戴设备心率监测的“不准确”" target="_blank">如何面对可穿戴设备心率监测的“不准确”</a></li> </ul> </div> </div> </div> </div> <div class="related_article"></div> <div class="footer"> <p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p> <p>重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。 如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。</p> </div> <!-- 应用插件标签 start --> <!-- 应用插件标签 end --> </body> </html>