太和县住房和城乡建设局网站,学做网站论坛会员账号,网站开发收费标准文档,中学生做的网站文章目录 基础概念VSCode常用插件和快捷键VSCode常用插件VSCode常用快捷键 常用标签和属性 基础概念
网页和网站#xff1a;
网页#xff1a;网站中的一页#xff0c;通常是HTML格式的文件。网页是由网页元素组成的#xff0c;这些元素用HTML标签描述#xff0c;然后通过… 文章目录 基础概念VSCode常用插件和快捷键VSCode常用插件VSCode常用快捷键 常用标签和属性 基础概念
网页和网站
网页网站中的一页通常是HTML格式的文件。网页是由网页元素组成的这些元素用HTML标签描述然后通过浏览器进行解析。网页文件的后缀是.htm或.html。网站在因特网上根据一定的规则使用HTML等制作的用于展示特定内容相关的网页集合。
超文本标记语言HTML用来描述网页的一种语言。该语言不是一种编程语言而是一种标记语言具有一套标记标签。超文本是指可以放入除了文本之外的其他内容例如图像、视频、音频等还可以用于存放超链接。
国际常用浏览器IE浏览器、火狐浏览器、谷歌浏览器、Safari浏览器、Edge浏览器和Opera浏览器。 目前谷歌浏览器占据了世界大约一半的使用份额因此学习前端开发最好使用谷歌浏览器。 浏览器内核也被称为渲染引擎用于读取网页内容整理讯息计算网页的显示方式。常用的浏览器内核如下
Trident内核IE浏览器、猎豹浏览器、360极速浏览器、百度浏览器等均使用该内核。Gecko内核火狐浏览器的专属内核。Webkit内核苹果浏览器专属内核。Blink内核谷歌浏览器、Opera浏览器的内核。该内核实际上是Webkit内核的分支。 目前国内的浏览器大多采用Webkit或Blink内核进行开发例如360安全浏览器、QQ浏览器和搜狗浏览器等。 Web标准由W3C组织万维网联盟和其他标准化组织制定的一系列标准的集合。这些标准包括结构、表现和行为三部分
结构用于对网页元素进行分类和整理主要基于HTML。表现设置网页元素的版式、颜色、大小等样式主要指CSS。行为网页模型的定义和交互的编写主要是JavScriptJS。
HTML中的标签
标签分类标签可以分为单标签和多标签大部分的标签都是单标签。标签包含标签可以互相包含。
VSCode常用插件和快捷键
VSCode常用插件
在VSCode左边侧栏中即可下载各种插件。
Chinese 插件将VSCode中的所有内容修改为中文Auto Rename Tag 插件每次修改其中一个双标签中的一个时另一个标签的名称会自动跟随修改。Open in browser 插件编写完成的代码可以在浏览器中进行预览。Live Server 插件使用Open in browser时会需要每次写完都要重新打开一次浏览器比较不方便但是Live Server只要代码保存后都可以直接在浏览器中看到而无需刷新。Easy Less 插件自动将LESS文件自动变为CSSS文件。VSCode icons 插件对于不同类型的文件会显示不一样的图标方便区别
VSCode常用快捷键
ShiftAlt ↓复制当前的一行Ctrl D选择所有指定的单词Ctrl H进行查找替换的快捷键Ctrl G快速跳转到某一行Ctrl /进行单行注释。
常用标签和属性 HTML标签所有HTML文件都必须要带有的标签被称为根标签。表达为HTML.../HTML HEAD标签HTML文档头部标签所有HTML文件都必须对title标签进行设置。表达为head.../head。 TITLE标签文档标题标签也就是网页的标题该标题显示在文件的标题栏中。表达为title.../title。 BODY标签文档的主体部分也就是网页的主要内容。表达为body.../body。 !DOCTYPE标签文档类型声明标签告诉浏览器使用的HTML版本是HTML5。该标签必须写在HTML文件的第一行并不属于HTML标签的一部分。 lang作为HTML标签的属性。定义当前文档显示的语言。如果是en则表示英语如果是zh-CN则表示是中文。简单来说en表示英文网页zh-CN表示中文网页。其实中文文档仍然可以显示英文英文文档仍然可以显示中文该属性的作用是指给浏览器提供参考例如浏览器会询问是否需要进行翻译。 charset设置方式为meta charset编码类型。常用的编码类型有GB2312、GBK和UTF-8等其中UTF-8是最常用的编码类型也被称为万国码。一般情况下能够使用UTF-8编码就使用该编码。如果不定义使用的编码类型则打开的HTML文件代码可能出现乱码。 标题标签h分为h1到h6数字越小标题级别越高字体越大。每一个标题都是独占一行的。 段落标签p用p/p表示。在HTML页面中只有通过该标签才能进行分段。文本在一个段落中会根据浏览器窗口的大小自动换行段落和段落之间会保持一定空隙。 换行标签br/单标签。行与行之间的间距没有像采用段落标签那样那么大。 加粗标签strong/strong用于对指定区域的文本进行加粗。另外b/b标签也可以实现这个效果。 倾斜标签em/em用于设置指定区域内文本的斜体。另外i/i标签也可以实现这个效果。 删除标签del/del用于对指定文本设置删除线。另外s/s标签也可以实现这个效果。 下划线标签ins/ins用于设置文本的下划线也可以使用u/u实现这个效果。 div标签分区标签。盒子标签的一个但是一行只能放一个div可以被视为一个大盒子。 span标签分区标签。盒子标签的一个一行可以有多个span标签。可以理解为一个小盒子。 图像标签img单标签。其必需属性scr表示图像的路径和文件名。其他属性如下各个属性之间不分先后顺序。 alt图像显示不了时进行替换的文本title当鼠标移动到图像上的提示文本width设置图像的宽度height设置图像的高度border设置图像的边框的宽度。 宽度和高度一般设置一个即可另一个属性会自动变化
