网站建设与营销,网站备案相关前置许可,如何阿里巴巴网站做推广方案,创意logo图片大全一.使用VSC--全称#xff1a;Visual Studio Code
vscode用来写html文件#xff0c;打开文件夹与创建文件夹#xff1a;①选择文件夹 ②拖拽文件
生成浏览器的html文件的快捷方式#xff1a; #xff01;enter
运行代码到网页的方法#xff1a;
普通方法#xff1a…一.使用VSC--全称Visual Studio Code
vscode用来写html文件打开文件夹与创建文件夹①选择文件夹 ②拖拽文件
生成浏览器的html文件的快捷方式 enter
运行代码到网页的方法
普通方法找到书写代码的文件夹点击使用浏览器打开
在vscode快速使用需要添加插件Open In Bower然后右击选择Open In Default Brower(默认浏览器) Open In Other Brower(选择其他浏览器)----推荐使用更快捷方便。 vscode快捷键
shiftaltF代码格式化alt↑/↓将选则的代码向上或向下shiftalt↑/↓快速复制一行向上或向下ctrls保存▲ctrlF快速查找ctrlH快速替换
二.HTML简介和基础骨架
Html5是一种超文本标记语言用来描述网页的一种语言。
标记语言----标记标签----双标签html/html ,单标签img
HTML5的DOCTYPE声明
!DOCTYPE html 位于H5声明文档的最上面处于标签之前是网页的必备组成避免浏览器的怪异模式
HTML5的基础骨架 html标签:定义HTML文档浏览器看到后就是个html文档了所有其他元素就包裹在它里面html标签限定了文档的开始点和结束点。
head标签用于定义文档的头部在头部描述了文档的各种属性和信息包括文档的标题在web的位置。
body标签元素定义的文档的主体body元素包含文档的所有内容(比如文件超链接图像表格和列表)会直接在页面显示也是直接看到的内容。
以上就是Html5的基础骨架
拓展基础标签
title 标签
可以定义文档的标签显示在浏览器的标题或状态栏上
title标签是head标签中唯一必须要求包含的东西就是在head中必须有title。
title的增加有利于SEO优化----SEO搜索引擎优化的英文缩写通过对网站内容调整满足搜索引擎的排名需求
mate标签
meta标签用来描述网页文档属性关键词等更多的都是字符编码 charsetUTF-8,也是在head标签里的 三.标题标签
标题(Heading)通过h1--h6标签进行定义
h1定义最大的标题 ,h6定义最小的标题。 这里的align是指内容的位置属性默认居左可以选择left | center |right 生成h1到h6快捷键 h$*6
注意要正确的使用标题标签HTML的标题标签只用于标题不仅仅只是为了生成粗体或者头号字体而使用正确使用有利于SEOh1--h6是先后顺序的且重要程度也是由重到轻。
四.标签--段落换行水平线
段落通过p标签定义
换行希望将一个段落进行换行就在分割处加一个br或者br /都可以 效果如下 水平线 hr /单行标签在HTML页面会创建水平线具体属性有
color---颜色width--长度size--大小alig--对齐方式(默认居中)也可取值left | right。
具体实例在上图。
五.标签--图片
插入图片 img标签定义HTML页面中的图像
img src alt title width height
img是单标签不需要进行闭合操作
src--(图片地址与名字)路径
alt--图像替换文本若图像加载失败就会显示文本信息
width--宽度
heigth--高度
title--鼠标放在图片会有提示 感谢各位大佬的观看求免费的点赞收藏关注喔