前端HTML网页文档模板介绍以及常用标签
<!--此为注释，注释不执行-->
<!--DOCTYPE document type 指定当前文档类型为html-->
<!DOCTYPE html>
<!--编码正式开始的区域，html是最大的标签-->
<html><!--head 网页的头部相当于手机中的设置功能，主要负责网页的设置信息--><head><!--mete 设置一些网页格式，charset字符集，utf-8万国码 为了识别中文不会乱码--><meta charset="UTF-8"><!--title 设置网页的标题--><title>这是一个网页标题</title></head><!--body 网站内容的展示区域文字和图片放这里面--><body>这是网页的内容</body>
</html>
运行结果：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>这是一个网页标题</title></head><body><!--补全代码enter键或者Tap键-><!--1.标题标签 h1~h6字号加粗，并且字号逐级减小字号逐级减小.标题标签自动加粗h1 == 32pxh2 == 24pxh3 == 18.72pxh4 == 16pxh5 == 13.28pxh6 == 12px当前主流的浏览器可识别的文本大小极限最小的是12px.默认字号都是16px.--><h1 style="background: red; width: 100xp;height: 100xp;">一一一</h1><h2 style="background: orange;">二二二</h2><h3 style="background: yellow;">三三三</h3><h4 style="background: green;">四四四</h4><h5 style="background: blue;">五五五</h5><h6 style="background: orchid;">六六六</h6><!--2.段落标签 p文本从上自下，从左往右顺序排版，不识别手动换行需要设置换行标签<br />默认字号为16xp，为正常不加粗字体--><!--转义字符 表示空格--><p>遇事不决，可问春风。<br />春风不语，可随本心。</p><!--3.倾斜标签 em--><em style="background: olive;">这是一个倾斜斜标签 </em><br /><!--4.加粗标签 strong--><strong>这是一个加粗标签</strong><br /><!--5.图片标签 imgsrc属性：给图片设置路径可以是本地资源，也可以是网络图片链接alt属性：图片路径报错提示--><img src="img/100.jpg"alt="图片路径出错"/><br /><img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.AQI3RuWHZcbjp0rdTbAeLgHaHa?pid=ImgDet&rs=1"/><br /><img width="475xp" height="500xp" src="img/1.jpg"/><!--6.a超链接标签href属性：网址地址href="" 刷新网页并返回顶部#占位符href="#" 不刷新网页但会返回顶部href="###" 不刷新也不会返回顶部 --><a href="http://baidu.com">百度</a><a href="">京东</a><br /><a href="#">淘宝</a><br /><a href="###">支付宝</a><br /><!--7.无意义的标签 块元素 div但很重要，很常用，一般用来设置网页布局--><div id="">无意义的块元素，块元素独占一行，默认宽度参考父级宽度，高度由内容撑起，也能手动控制宽高</div><div class="">无意义的块元素，默认宽度参考父级宽度，高度由内容撑起，也能手动控制宽高</div><!--8.无意义的行元素 span--><span id="">无意义的行元素，行元素相邻会共行展示</span><span id="">无意义的行元素，行元素相邻会共行展示</span>
</html>
运行结果：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><!--1.列表标签ol 有序列表ul 无序列表dl 自定义列表--><ol><li>1111111</li><li>2222222</li><li>3333333</li></ol><ul><li>1111111</li><li>2222222</li><li>3333333</li></ul><!--自定义t title 标题d data 数据正文--><dl><dt>服装</dt><dd>男装</dd><dd>女装</dd><dt>食品</dt><dd>薯片</dd><dd>巧克力</dd></dl></body>
</html>运行结果：
前端HTML网页文档模板介绍以及常用标签相关推荐
- GitBook的使用方式，快速创建网页文档
环境需求:node npm 得装好 ----------------------------------- 我一开始不知道得先装gitbook-cli 先执行了 npm install gitbook ...
- 网页文档输出、对话框
网页文档输出.对话框 1.1 网页文档输出document.write() , 标签元素输出.innerText .innerHTML .value <!DOCTYPE html> < ...
- html文档的基本类型,HTML(网页的文档类型介绍)
一个html文件的第一行代码通常就是用于声明网页文档类型,其格式是: 这一行不是属于标签 文档类型:可以理解为不同的html版本! html4.0 或4.01版本基本固定,但又有分化: 严格性:了用的 ...
- 前端开发规范文档(html,css,js)
首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了. 首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的 ...
- vue前端html页面导出word文件,Vue-纯前端导出word文档
在项目中,我们可以借助后端返回文件流实现文件下载.如果前端有数据,也可以借助前端框架进行下载.本文将介绍如何在前端纯js实现word文档导出. 1. 组件介绍 要实现前端纯js导出word文档,我们需 ...
- 深入浅出MFC文档/视图架构之文档模板
在"文档/视图"架构的MFC程序中,提供了文档模板管理者类CDocManager,由它管理应用程序所包含的文档模板.我们先看看这个类的声明: / // CDocTemplate m ...
- 数据仓库应用篇（一）需求文档模板和需求评审
一.需求文档模板 1.产品需求文档:文档标识.产品概述.功能说明.全局说明.非功能性需求等 2.交互设计文档(DRD): 3.报表需求文档: 1)业务数据: 业务场景.指标名称.指标定义.维度.维度定 ...
- 如何解决html文档无法复制,职场必备技能：网页文档无法复制，3招教你轻松搞定...
原标题:职场必备技能:网页文档无法复制,3招教你轻松搞定 其实很多人在浏览网页时都会遇到这个问题,看到了自己喜欢的文章片段,某一段文字特别符合自己的工作汇报,想要复制下来,结果却发现弹出了窗口,不是让 ...
- 2021-08-22 愿景和范围文档模板样例
2021-08-22 今日学习,愿景和范围文档模板 编写愿景和范围文档模板,包含3大主题:业务需求.范围和限制.业务环境 业务需求 1.1 项目背景 简述项目所产生的依据.背景,是市场驱动.技术驱动还 ...
最新文章
- 多个矩形，求覆盖面积，周长，及交点
- Chrome插件（Extensions）开发实践
- C语言图形化编程 【二】
- 【Python】数据可视化教程来了！
- 我为什么重新做起了公众号？
- kaggle notebook中使用git lfs
- SAP Spartacus checkout.reducer.ts调用时间点
- 【剑指offer】面试题56 - II：数组中数字出现的次数 II（Java）
- sparkstreaming 读取mysql_第十篇|SparkStreaming手动维护Kafka Offset的几种方式
- KCC创建复制拓扑失败-故障处理
- 音译 —— 本身的含义
- linux服务器连接中文,Linux系统遇到SecureCRT连接到linux服务器之后出现乱码问题
- JavaScript 简介第一课
- java小球反弹_java实现小球碰撞反弹(示例代码)
- dwg如何转换成pdf？
- lnsist不是insist
- 若依设置匿名访问路径
- 登录案例的演示 涉及request的转发
- 创业板IPO审核最新要求及案例解析
- 计算机专业参赛口号,参赛口号