hcj笔记

 在vscode上面新建一个工程项目（桌面新建文件夹，用vscode打开该文件夹），之后在新建的工程项目里面添加文本，

添加的时候要表明文本后缀名，要编辑器知道是哪种语言（不会自己分辨的）

之后就是正文了：

一开始打开的浏览器界面是空白的，后面找了挺久才发现是自己的代码没有闭合（乱，要注意好吧）

 

 写好一段html代码之后通过安装了的open in browser直接在浏览打开看到效果图，然后是介绍

因为我的工程项目里面是没有照片的所以，加载图片失败，对了在vscode里面html注释的方式和写Python的注释是一样的，ctrl+/

还有就是框架的问题  ！+tab 就能直接出来

src表示设置图片的资源路径，然后就是alt表示图片加载失败的时候会显示一些提示

想要加载图片和直接把下载好的图片（带有图片的问文件夹，毕竟要是想使用图片的话一般不会是只是用一张图片）

拖到工程项目里面来就好了

然后就是带有属性的标签，就是：

<a href="https://www.baidu.com">百度 </a>      引号里面是百度这个标签的属性，href表示以后点击这个链接的时候能跳转到另一个后面资源路径页面

 

 

 

 

上面的内容没有截出来，有一点要注意的就是每一次改完代码之后要先保存，不然的话重新打开的页面还是一开始打开的那一个，没有什么变化的吗，

 

然后就是列表标签  首先他们都是双标签 <li>       有序列表标签<ol>   无序列表标签  <ul>

然后是表格标签，也是双标签来的<table>   使用的时候是嵌套使用    

<tr>  表示表头中的一行

<td> 表示表格中的一列

<th>  表示表头

最后是表单，，用于搜集不同用户的用户输入并提交给web服务器

 

 表单的提交就是在表单的  <form>改成<form action=“https://www.baidu.com”（web服务器的URL） method=GET（或者是其它如POST）>   

之后设置表单元素属性设置：name属性表示设置表单元素名称是提交表单时候的参数和value属性表示提交表单元素对应的值

——————————————————————————————————————————————————————————————————————

css简单来说就是层叠式样式表，用来美化页面的，比如说给html代码写出来的页面设置字体大小，倍镜颜色，展示设置等等，

基本格式是 

 选择器{

     属性=属性值

}

有三种使用形式，行内式（不常用，可重复性差）  内嵌式（相当于是一个函数）  外链式（放在html代码之外的另一个文件夹，一般是用于公司开发。。）

css里面的六种选择器

1标签选择器，2类选择器（class=？使用”.“开头）,3id选择器（类似于类选择器，使用#开头），4层级选择器（两个写在一起的选择器，中间是用空格隔开，相当于父子关系），

5组选择器（多个选择器写在一起中间使用逗号隔开，他们之间的关系是并列的，执行的时候互不影响，其实可以看成是”并联“这样的）6伪类选择器（就是给其他选择器添加特殊效果，形式是选择器后面加上冒号，再跟上伪类名字，比如说鼠标悬停的伪类名字是hover，之后是一样的格式）

 

 

 

 

 

 后面还讲到了盒子模型，有必要知道标题的设置方法，有必要知道这些事，为了使设置的页面更加美观和人性化。

————————————————————————————————————————————————————————————

然后就是js了javascript  首先它是一门新的和python差不多的脚本语言，实际上它和java一点关系都没有。JavaScript主要使实现页面和用户的之间交互，负责网页的动态展示。

使用双标签<script>    </script>包裹，内嵌式是写在head里面，一般是写在title的下面（外链式要使用src指定资源路径），还有就是css是使用双标签<style></style>包裹内嵌式写的位置是也是在head里面。

javascript是一门新的语言实际上语法和c语言和Python都是有很类似的地方，记得它的函数的设置是使用匈牙利语法的（直接百度）

定义函数使用  function +函数名字+大括号  ，python是使用def +函数名字 + 冒号，下一行缩进。

alert（“文本”），在打开浏览器的时候弹出的显示文本。

 

 

 

 

 

 

像是这样的，实现网页和用户的交互效果。

js外链式，首先要引入外链式的链接，然后重新再开一个<script>标签使用连接里面的功能

 

 

 

 ————————————————————————————————————————————————————————————————————————————