HTML的内容

开发工具与关键技术:MVC/c#
作者:张文静
撰写时间:2019/3/29
HTML指超文本标记语言:HyperText Markup Language,它不是编程语言,是标记语言
,标记语言是一套标记标签,用来描述网页,HTML文档包含HTML标签及文本内容,HTML文档也叫做
Web页面;HTML标签由尖括号包围的,比如,标签通常成对出现,第一个标签是开始标签,第二个标签是结束标签,也被称为开放标签和闭合标签,如。HTML标签和HTML元素都是描述同样的意思。声明HTML5文档;元素是HTML页面的根元素;元素包含了文档的元(meta)数据,如定义网页编码格式为utf-8;元素描述了文档的标题,

该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求,但让viewport的宽度等于设备的宽度,这个应该是大家都想要的效果,如果你不这样的设定的话,那就会使用那个比屏幕宽的默认viewport,也就是说会出现横向滚动条。 这个name为viewport的meta标签到底有哪些东西呢,又都有什么作用呢?meta viewport 标签首先是由苹果公司在其safari浏览器中引入的,目的就是解决移动设备的viewport问题。后来安卓以及各大浏览器厂商也都纷纷效仿,引入对meta viewport的支持,事实也证明这个东西还是非常有用的。Meta viewport 有两个属性,如width: 设置layout viewport 的宽度,为一个正整数,或字符串"width-device";initial-scale: 设置页面的初始缩放值,为一个数字,可以带小数; minimum-scale: 允许用户的最小缩放值,为一个数字,可以带小数; maximum-scale: 允许用户的最大缩放值,为一个数字,可以带小数; height: 设置layout viewport 的高度,这个属性对我们并不重要,很少使用; user-scalable: 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许, 这些属性可以同时使用,也可以单独使用或混合使用,多个属性同时使用时用逗号隔开就行了。target-densitydpi : 值可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个, 当 target-densitydpi=device-dpi 时, css中的1px会等于物理像素中的1px。;元素包含了可见的页面内容;

元素定义了一个大标题;

元素定义一个段落。见截图: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190329153350804.?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MDAyNw==,size_16,color_FFFFFF,t_70) HTML标题是通过

标签定义的,

定义最大的标题,

定义最小的标题;HTML段落标签是通过标签

来定义的;HTML 链接是通过标签 来定义的,在 href 属性中指定链接的地址;HTML 图像是通过标签 来定义的,图像的名称和尺寸是以属性的形式提供的;元素的内容是开始标签和结束标签之间的内容,某些HTML元素具有空内容(empty ontent),没有内容的HTML元素被称为空元素,即空元素在开始标签中进行关闭(以开始标签的结束而结束),
就是没有关闭标签的空元素,
换行,在
添加斜杆,是关闭空元素的正确做法,见截图 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190329153438262.?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU2MDAyNw==,size_16,color_FFFFFF,t_70) HTML元素可以设置属性,属性可以在元素中可以添加附加的信息,属性以名称/值对的形式出现,例如:name="value"。属性class为html元素定义一个或多个类名(类名从样式文件引入);id属性定义元素的唯一一个id;style属性规定元素的行内样式(inline style);title属性描述了元素的额外信息 (作为工具条使用);


标签在 HTML 页面中创建水平线。加粗文本,斜体文本, 下标,上标 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190329153502366.)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值