在网站开发中，cookie是一个非常重要的概念，它是一种用于在网站与用户之间传递信息的小型数据。网站可以将信息存储在用户的计算机上，以便在下一次访问该网站时读取该信息。HTML提供了一种简单易用的方式来设置和读取cookie。

首先，我们需要使用JavaScript来设置cookie。通过document.cookie属性可以访问cookie，设置cookie的方法是将一个字符串赋值给document.cookie。例如，以下代码将设置一个名为username的cookie，并将其值设置为"user"：

document.cookie = "username=user";

需要注意的是，在设置cookie时，我们可以向其中添加多个键值对，使用分号将其分隔开，例如：

document.cookie = "username=user; age=20; sex=male";

当我们需要读取cookie时，只需要使用document.cookie来访问即可。该属性返回当前网站内所有的cookie信息。如果我们需要读取特定的cookie，则需要使用split()函数将返回的字符串进行分隔。例如，以下代码将读取名为username的cookie：

var cookieArray = document.cookie.split("; ");
for(var i = 0; i< cookieArray.length; i++){
var pair = cookieArray[i].split("=");
if(pair[0] === "username"){
console.log(pair[1]);
}
}

在上述代码中，我们使用split()函数将返回的字符串按照"; "进行分隔，然后对分隔后的每一个键值对进行再次分隔，最终找到我们需要的cookie。