前端小白入门

1、网页

1、定义:网站中的某一页,它是构成网站的基本元素
2、通常由文字、图片、音频、视频、超链接、表格、表单等元素组成
3、后缀:.html或.htm。因此简称为html文件

2、web标准:

1、结构:网页元素。主要是HTML
2、表现:元素的版式、颜色等样式。主要是CSS
3、行为:网页和用户的交互。主要是javascript

3、html

1、定义:

	Hyper Type Markup Language (超文本标记(标签)语言)
	html不是一门编程语言,而是一种标记语言,描述网页的语言。

2、基本结构:


<!DOCTYPE html>     <!--文档类型声明-->
<html lang="en"> 	<!--  html根标签-->
<head> <!--网页头部-->
    <meta charset="UTF-8">
    <title></title>	<!-- 网页的标题-->
</head>
<body> <!--网页主体-->
    网页内容
</body>
</html>

3、网页基本标签:

1、标题标签:

<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>

2、水平线标签:

<hr/>

3、段落标签:

<p>...</p>

4、换行标签:

<br/>

5、字体加粗:

<strong>..</strong>

6、字体斜体:

<em>...</em>

7、图片标签:

<img src="路径" alt="图片不存在时的提示文本" title="图片的标题" width="宽度" height="高度"/>

路径
1.绝对路径:
磁盘绝对路径:对此磁盘根目录 src=“D:\read.jpg”
外网绝对路径:src=“网络图片地址”
2.相对路径:
对比某个文本夹 src="…/images/guan.png"

8、超链接:

<a href="链接路径" target="目标窗口位置">文本或图片</a>

target="_blank":在新的空白窗口打开
target="_self":在本窗口打开,不写,默认在本窗口打开

  锚链接:
  	1)创建跳转标记:<a name="名">...</a>
  	2)创建跳转连接:<a href="#名">...</a>

4、特殊符号:

1、版权符号:&copy;
2、空格:&nbsp;
3、大于:&gt;   小于: &lt;
4、引号:&quot;

5、列表

1、无序列表

  • 注意:默认为实心圆 type="circle" (空心圆) type="square"(方块)
  • ...
快捷生成方式:ul>li*整数 tab键快速生成

2、有序列表

		<ol>  注意:默认为1、2..    type="1、A、a、I、i"
			<li>...</li>
		</ol>

3、定义列表:

		<dl>
			<dt>..</dt> 标题列
			<dd>..</dd>  内容列
		</dl>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
你好!要入门前端的 WebSocket,你需要了解以下几个方面: 1. WebSocket 是什么? WebSocket 是一种在客户端和服务器之间进行实时双向通信的协议。它与传统的 HTTP 请求不同,能够实现服务器向客户端推送数据,而不需要客户端发送请求。 2. 如何使用 WebSocket? 在前端,你可以使用 JavaScript 中提供的 WebSocket API 来建立 WebSocket 连接。通过创建一个 WebSocket 对象,指定连接的 URL,你可以连接到服务器并进行通信。 3. 建立 WebSocket 连接: 使用 JavaScript 的 `new WebSocket(url)` 方法可以创建一个 WebSocket 对象。`url` 参数是指定服务器的地址。例如,`ws://example.com/socket`。 4. WebSocket API: WebSocket 对象提供了一些常用的方法和事件,用于控制连接和处理数据。常见的方法包括:`send()` 用于向服务器发送数据,`close()` 用于关闭连接。常见的事件包括:`onopen` 连接建立时触发,`onmessage` 接收到消息时触发,`onclose` 连接关闭时触发等。 5. 服务器端处理: WebSocket 是一种双向通信协议,它需要在服务器端进行相应的处理。服务器端可以使用不同的编程语言来实现 WebSocket 的功能,如 Node.js 的 `ws` 模块或其他编程语言的相应库。 如果你是前端 WebSocket 的初学者,我建议你先了解 WebSocket 的基本概念和使用方法,然后通过实践来深入学习并体验其功能。你可以找一些示例代码来尝试建立连接、发送消息和接收消息等操作。希望对你有所帮助!如果你有更多问题,请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值