黑马程序员技术交流社区

标题: Web学习经历 [打印本页]

---

作者: 酷酷的大侠    时间: 2019-8-20 14:43
标题: Web学习经历

HTML:

1.文本标签：

<h1> ~ <h6> 标题

<p> 段落

<br>换行

<hr>水平线

<b>字体加粗

<i>倾斜

<center>居中

<font>字体

2.图片标签：

<img src="图片的路径" />

3.列表标签

3.1.无序列表

<ul>

<li>独孤求败</li>

<li>西门吹雪</li>

<li>剑神无名</li>

</ul>

3.2.有序列表

<ol>

<li>独孤求败</li>

<li>西门吹雪</li>

<li>剑神无名</li>

</ol>

4.链接标签

语法：<a href="链接地址">内容</a>

属性：

href：链接地址. //假设没有地址，则可以写#.

target: 打开方式。

_self：在当前页面打开。默认。

_blank：在新窗口打开。

5.块标签：

<div>： 块级元素。独占一行。

<span>：行级元素。在行内，和别的元素挤在一样。

6.表格标签

标签：

<table> ：表格

<tr> ：行

<td> ：单元格

<th> ：单元格(加粗并居中)

7. 表单标签

语法：

<form action="路径" method="post">

<input type=类型/>

</form>

CSS：

选择器：

基本选择器：

1:元素(标签)选择器:

语法：标签名{} --> 以标签名作为依据

2:ID选择器:

语法：#id属性值{} --> 以标签的ID属性为依据

3:类选择器:

语法：.class属性值{} --> 以标签的class属性为依据

扩展选择器：

1:并列选择器:

语法：选择器1,选择器2{} --> 多个选择器同时使用

2:后代选择器:

语法：选择器1 选择器2{} --> 选择器1下边的所有选择器2(选择器中间为“空格”)

3:子元素选择器:

语法：选择器 > 选择器2 --> 选择器1下边的子辈选择器2（只要儿子不要孙子）

4:属性选择器:

语法：选择器1[属性名=属性值] --> 以标签的属性名和值为依据

JS:

JS是一种运行在浏览器端的脚本语言。负责页面动态效果, 简单来说, 就是负责让页面动起来。JavaScript = ECMAScript + BOM + DOM;

JS的引入方式：

1:内部JS：

* 定义<script>，标签体内容就是js代码

2:外部JS：

* 定义<script>，通过src属性引入外部的js文件. 此时,标签体内部不允许写任何代码

定义变量:var a = 值;

定义方法:function 方法名(){ }

运算符:

== :"数值"是否相等

=== :"数值"和"类型"都完全相同,才是true

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2