超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。
Dreamweaver、Sublime、VS Code、notepad++、phpstorm、
Dreamweaver:简称DW,适合html+css开发,优点:代码提示比较好,缺点:打开速度慢,收费
Visual Studio Code:(简称 VS Code)是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,编辑器中内置了扩展程序管理的功能。
notepad++:小型的编辑器,优点:打开速度快,缺点:代码提示需要手动设置,做大型项目不太方便
Sublime:适合javascript开发,优点:快捷操作比较方便,打开速度比较快
phpstorm:适合php开发
标签说明声明为 HTML5 文档字符集声明页面的根元素这个是标题标签、配合标签写标题标题写内容的
注释:提示给开发人员或者便于开发人员的理解和阅读、注释只是便于理解,在浏览器中是不解析的
特点:
独占一行、文字加粗、h1最大,h6最小DW快捷键 Ctrl+1 标签,依次类推
案例
特点:
常用划分段落使用、排版
案例
粗体、斜体、下划线
理解:经常做word就可以看到word上面的[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传在HTML中同样通用
案例
单标签:单个的标签叫做单标签,没有内容只有属性----->
双标签:成对出现的标签叫双标签,内容写在标签中间----->
HTML的标签可以设置属性的属性中可以添加附加信息属性没有顺序属性之间用空格隔开一个标签可以有多个属性对应的值要用引号引起来("" ,’’)
特点:
常用于链接的跳转,相当于新闻链接点击就跳转另外一个地址,也可以本地链接,就是跳转自己写的另外一页面、编辑的内容会变蓝色并且有下划线
标签的属性
属性说明href指定链接的地址。(可以是外部链接,本地链接,下载链接)下载链接在浏览器未识别格式将会下载target目标属性_blank跳转到一个新的窗口页面_title在原页面的窗口中打开新页面
案例
属性说明src图片的地址,是本地链接alt当图片无法显示的时候,将alt后面的文字显示在图片的位置上title当鼠标放到图片位置的时候显示提醒性文字
案例
以上就是今天要讲的内容,本文仅仅简单介绍了HTML的使用,HTML的编辑器,怎么插入图片,链接,还有常用的标签等等。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery