HTML+CSS+JS基本概念 知识点

一.Html和CSS的关系

1.1.Html是网页内容的载体，让用户浏览的信息，可包含文字，图片，视频等。

1.2.CSS样式是表现，就像网页的外衣，比如标题字体，颜色变化等

1.3.JavaScript是迎来实现网页上的特效效果，可以理解为动态的，有交互的一般都是js实现的

1.4 Html标签不区分大小写

1.5标签中可使用

2.1标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。

2.2标签是" "的意思,可引用

   

标签的解析是缩进样式

   
换行

     ==>空格

 

   

---

 

        html4.01版本

---

        xhtml1.0版本

---

二.使用ul,添加信息列表

1

  
信息
  
信息
   ......

ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点

2

   
信息
   
信息
   ......

在网页中展示有前后顺序--有序列表,网页中的默认样式都自带一个序号

3

caption为表格添加标题和摘要

… …

标题文本

…

…

4.在新建浏览器窗口中打开链接

click here!

5使用mailto在网页中链接Email地址

6标签,插入图片

(1)、src：标识图像的位置；

(2)、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；

(3)、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；

7.使用表单标签,与用户交互

(1). ：标签是成对出现的，以开始，以结束。
(2).action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
(3).method ： 数据传送的方式（get/post）。

        用户名:
        
        密码:
        

8.文本域,支持多行文本输入</p> <pre class="has"><code class="language-html"><textarea rows="行数" cols="列数">文本

· 比如留言或者写建议都用此标签

        联系我们
        在这里输入内容...

9.单选框.复选框

(1).当 type="radio" 时，控件为单选框,当 type="checkbox" 时，控件为复选框
(2)、value：提交数据到服务器的值
(3)、name：为控件命名，以备后台程序 使用

(4)、checked：当设置 checked="checked" 时，该选项被默认选中

10.下拉框

选项

设置selected="selected"属性，则该选项就被默认选中。

       multiple="multiple"属性，就可以实现多选功能.

三.CSS样式基本知识

1.(1)内联式css样式，直接写在现有的HTML标签中,并且css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开.

这里文字是红色。

(2).嵌入式css样式，就是可以把css样式代码写在标签之间，并且一般情况下嵌入式css样式写在之间.

 

(3).外部式css样式，写在单独的一个文件中,使用标签将css样式文件链接到HTML文件内，如下面代码：

 

因为这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌入式 > 外部式

2.子选择器,即(>)大于符号,用于选择指定标签的第一代子元素

.food>li{border:1px solid red;}

这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

3.伪类选择符

可以设置鼠标滑过时的状态

a:hover{color:red;}