、新建项目
1、新建===web项目===输入项目名称====完成
二、新建html文件
在新建项目中新建html模板
输入文件名称:
三、认识基本格式
联想出基本格式:
四、编辑html文件
运行html,选择浏览器
五、html常用的快捷键
(1)ctrl+n+w web项目创建
(2)ctrl+n+h html文档创建
(3)ctrl+s 保存html页面(页面上如果未保存会显示*号)
(4)ctrl+r html运行
(5)ctrl+z 撤回
(6)!+tab键 联想基本格式
(7)ctrl+/ 注释和取消注释
(8)ctrl+鼠标滚轮, 字体方大和缩小
六、认识标签
(1)H标签(标题标签)
(2)p标签 (段落标签)
(3)img 标签(图片标签)
两种:第一种widows上传图片,第二种:网上图片链接
第一种
img中显示图片
img中引入图片
第二种:网上图片的链接:
(4) 标签(空格)
(5)em 标签表示斜体
(6)i 标签表示斜体
(7)br 表示换行
(8)b 标签表示加粗
(9) strong 标签表示加粗
(10)s 标签(删除线)
(11)u 标签 (下划线)
(12)font 颜色
(13)sub下标
(14)sup上标
人在校生一枚,希望可以找到志同道合的小伙伴一起进步,不定期的更新自己的收获,如果有大神的话可以指出我的不足,我用的是VS code软件来写代码的
HTML 是个缩写,全称Hyper Text Markup Language,译为超文本标记语言。它是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
在<hard>头部标签中你可以 插入脚本(scripts),样式文件(CSS),以及各种meta信息。可以添加在头部区域的元素有:<title>,<style>,<meta>,<link>等等
注释快捷键:CTRL+? (注释是不被运行的,作用就是帮助程序员记东西)
<!--这是一个注释-->
HTML完整结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--头部,js和css写在这里面-->
</head>
<body>
<!--内容主体-->
</body>
</html>
可能我写的会有些不清楚,到后面有代码的时候就会清楚了
例
HTML 注释:
<!--这是一个注释,注释在浏览器中不会显示--><p>这是一个段落</p>
浏览器支持
所有主流浏览器都支持 <!--...--> 注释标签。
标签定义及使用说明
<!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。
您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。
您也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。
<scripttype="text/javascript"><!--functiondisplayMsg(){alert("Hello World!")}//--></script>
注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。
除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。
HTML 4.01 与 HTML5之间的差异
无。
标准属性
<!--...--> 注释标签不支持任何标准属性。
如需更多有关 HTML 标准属性的信息,请访问 标准属性。
事件属性
<!--...--> 注释标签不支持任何事件属性。
如需更多有关 HTML 事件属性的信息,请访问 事件属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
*请认真填写需求信息,我们会在24小时内与您取得联系。