HTML相关知识-创新互联
HTML含义:
从网站建设到定制行业解决方案,为提供成都网站设计、成都网站制作服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。创新互联将不断加快创新步伐,提供优质的建站服务。HTML是的英文全称是Text Mark-up Language(超文本标记语言)的缩写,它也是一种制作万维网页面的标准语言,相当于定义统一的一套规则,这样可以让浏览器根据标记语言的规则进行解释。
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一个中标准,它通过标记符号来标记要显示网页中的各个部分。网页文件本身是一种文本文件,通过文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文件如何处理,画面如何安排,图片如何显示等).
网页的组成:
一个网页一般由两部分组成:
HTML(Hypertext Markup Language)
CSS(Cascade Style Sheets)
HTML负责描述网页的结构和内容(如标题、导航栏等)
和之间的内容,是元信息和网站的标题,元信息一般不显示出来,但是记录了了这个HTML文件的很多描述性质的信息和之间的内容,是浏览器展示出来的,用户看到的页面效果。也就是说这里是网页的支柱或者说主体,即body的身体之意和说明这个文件是一个网页。告诉浏览器这个网页的开始和结束。包含了之后的连个元素
和|和
HTML文档
代码如下:
Title
代码解释:
DOCTYPE:告诉浏览器使用什么样的html或者xhtml规范来解析html文档
DOCTYPE的模式:
BackCompat:标准兼容模式未开启(或叫怪异模式【Quirks mode】、混杂模式)
CSS1Comat:标准兼容模式已开启(或叫做严格模式[Standards mode/Strict mode])
head部分
1、meta(metadata information)
提供有关页面的元信息,例如:页面编码、刷新、跳转、针对搜索引擎和更新频率的描述以及关键词
①、页面编码
#指定编码类型为UTF-8
②、刷新和跳转
#设置每隔5秒刷新页面一次
#指定1秒后跳转到百度页面
③、关键字
关键字作用其实就是用来让爬虫之类的收录程序,当他们在爬我们网站的时候,如果你有关键字,那么他们会优先把关键字收录到他们的记录中,比如百度,如果他们收录之后,然后我们在搜索关键字的时候就能找到咱们的网站。
④、描述
例如一个51cto里就有一个描述
⑤、X-UA-Compatible
X-UA-Compatible 这个是IE8特有的,知道即可,因为做前端的同学都很害怕IE因为他们问题比较多各个版本问题很诡异,当IE8的时候微软想把各个版本的统一,那么这个参数就出现了,他为了向下兼容,如下的代码如果使用IE8的时候他会以IE7的模式运行。
2、title
网页头部信息,如下所示:
HTML文件各标签举例说明如下:
Python之路 addafagag
"汽车之家"段落标签①
段落标签②
Python之路
python之路
python之路
python之路
python之路
id为a1的内容所在位置id为a2的内容所在位置h2标签作用是将标签加大加粗
h3标签作用是将标签加大加粗
h4标签作用是将标签加大加粗
h5标签作用是将标签加大加粗
Label标签
姓名: 婚否:- ul.li
- ul.li
- ul.li
- ol.li
- ol.li
- ol.li
- 湖北省
- 武汉市
- 荆州市
- 湖南省
- 长沙市
- 岳阳市
1 | 2 | 3 | 4 | 5 | 6 |
1 | 2 | 3 | 4 |
1 | 2 | 3 | 4 |
1 | 2 | 3 | 4 |
1 | 3 | 4 | |
1 | 2 | 3 | 4 |
1 | 2 | 3 | 4 |
标题1 | 标题2 | 标题3 | 标题4 |
---|---|---|---|
1 | 3 | 4 | |
1 | 2 | 3 | 4 |
1 | 2 | 3 | 4 |
HTML常用标签分组:
对于a标签属性小窍门:
1、知识点属性,a标签属性,在其调用样式中添加:
cursor:pointer
使其指导目标时鼠标变成小手
2、a标签中如果想实现鼠标放在目标位置时下划线消失,在对应的样式中添加:
text-decoration:none
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享名称:HTML相关知识-创新互联
当前地址:http://ybzwz.com/article/dpchjp.html