- 1、本文档共4页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
PAGE
PAGE 1
《前端入门到进阶》HTML基础,初识HTML
前端开发的编辑器软件,我首先推举 VS Code,第二推举Sublime Text。有人说 WebStorm 也不错?但真切状况是,自从VS Code 问世之后,用 WebStorm 的人越来越少了。PS:文件的后缀名不能打算文件格式,只能打算打开文件打开的方式。细节请移步至:《前端入门到进阶》前端工具,VS Code的用法细节请移步至:《前端入门到进阶》前端工具,Sublime Text在前端中的用法HTML 全称为 HyperText Markup Language,译为超文本标志语言。HTML 不是一种编程语言,是一种描述性的标志语言。作用:HTML是负责描述文档语义的语言。所谓的超文本,有两层含义:(1)、音频、视频、动画、多媒体等内容,成为超文本,由于它们超出了文本的限制。(2)不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件举行衔接。即:超级链接文本。HTML 不是一种编程语言,是一种描述性的标志语言。这主要有两层含义:(1)标志语言是一套标志标签。比如:标签表示超链接、标签表示、标签表示一级标题等等,它们都是属于 HTML 标签。说的通俗一点就是:网页是由网页元素组成的,这些元素是由 HTML 标签描述出来,然后通过扫瞄器解析,就可以显示给用户看了。(2)编程语言是有编译过程的,而标志语言没有编译过程,HTML标签是挺直由扫瞄器解析执行。HTML 格式的文件是一个纯本文文件(就是用txt文件改名而成),用一些标签来描述语义,这些标签在扫瞄器页面上是无法直观察到的,所以称之为超文本标志语言。接下来,我们需要学习 HTML 中的无数标签对儿,这些标签对儿能够给文本不同的语义。比如,面试的时候问你, 标签有什么作用?正确答案:给文本增强主标题的语义。错误答案:给文字加粗、加黑、变大。关乎语义的更深刻理解,等接下来我们学习了各种标签,就明了了。其中,我们特地来对XHTML做一个介绍。XHTML介绍:XHTML:Extensible Hypertext Markup Language,可扩展超文本标注语言。XHTML的主要目的是为了取代HTML,也可以理解为HTML的升级版。HTML的标志书写很不规范,会造成其它的设备(ipad、手机、电视等)无法正常显示。XHTML与HTML4.0的标志基本上一样。XHTML是严格的、纯净的HTML。我们稍后将对XHTML的编写规范举行介绍。网页 :由各种标志组成的一个页面就叫网页。主页(首页) : 一个网站的起始页面或者导航页面。标志: 比如称为开头标志 ,称为结束标志,也叫标签。每个标签都规定好了特别的含义。元素:比如称为元素。属性:给每一个标签所做的辅助信息。XHTML:符合XML语法标准的HTML。DHTML:dynamic,动态的。合起来的页面就是一个 DHTML。HTTP:超文本传输协议。用来规定客户端扫瞄器和服务端交互时数据的一个格式。SMTP:邮件传输协议,FTP:文件传输协议。我们打开 VS Code 软件,新建一个文件,名叫(注重,文件名是,后缀名是),保存到本地。紧接着,在文件里,输入,然后按一下键盘上的键,就可以自动生成如下内容:上面的内容,就是 html 页面的骨架。我们在此基础之上,新增几个标签,完整代码如下:标签写完之后,我们用 chrome 扫瞄器打开上面这个文件,看看页面效果:到此,第一个容易的 HTML 页面就写完了。是不是很有成就感?HTML标签通常是成对浮现的(双边标志),比如 和 ;也有少部分单标签(单边标志),如:、和等。属性与标志之间、各属性之间需要以空格隔开。属性值以双引号括起来。
您可能关注的文档
- 《html》Js操作数据转换.docx
- 《html5》html5交互元素的使用.docx
- 《html5》如何检测浏览器是否支持HTML5.docx
- 《HTML5从入门到精通》这本书知识分享.docx
- 《HTML5与CSS3基础教程》读书笔记.docx
- 《Python网络数据采集》第 1 章.docx
- 「HTML」什么是 HTML 中的 div 标签.docx
- 「Web前端开发进阶篇」CSS3 动画.docx
- 「Web前端开发进阶篇」CSS3学习(一).docx
- 「前端 Zero系列」PS切图.docx
- 专题06 经济体制(我国的社会主义市场经济体制)-五年(2020-2024)高考政治真题分类汇编(解析版).docx
- 专题11 世界多极化与经济全球化-5年(2020-2024)高考1年模拟政治真题分类汇编(解析版).docx
- 专题03 经济发展与社会进步-5年(2020-2024)高考1年模拟政治真题分类汇编(浙江专用)(解析版).docx
- 专题09 文化传承与文化创新-5年(2020-2024)高考1年模拟政治真题分类汇编(北京专用)(原卷版).docx
- 5年(2020-2024)高考政治真题分类汇编专题08 社会进步(我国的个人收入分配与社会保障)(原卷版).docx
- 专题07 探索世界与把握规律-5年(2020-2024)高考1年模拟政治真题分类汇编(解析版).docx
- 5年(2020-2024)高考政治真题分类汇编专题06 经济体制(我国的社会主义市场经济体制)(原卷版).docx
- 专题11 全面依法治国(治国理政的基本方式、法治中国建设、全面推进依法治国的基本要求)-五年(2020-2024)高考政治真题分类汇编(解析版).docx
- 专题17 区域联系与区域协调发展-【好题汇编】十年(2015-2024)高考地理真题分类汇编(解析版).docx
- 专题01 中国特色社会主义-5年(2020-2024)高考1年模拟政治真题分类汇编(原卷版).docx
文档评论(0)