初学前端

最新推荐文章于 2023-06-21 15:18:13 发布

liu18251313960

最新推荐文章于 2023-06-21 15:18:13 发布

阅读量151

点赞数

本文链接：https://blog.csdn.net/liu18251313960/article/details/78774401

版权

B/S架构原理

访问地址的说明

服务器：全天候，有对外的固定ip，质量好配置高的电脑。

域名：域名是唯一的、一般是www.XXXXXXX.com .cn .net .edu .org ,域名会通过DNS服务器解析到一个具体的服务器地址上。

访问地址：http://v.juhe.cn/cba/playersInfo.php?key=24df4b152cdfec26457aac29a0c3a483&team_id=19

协议：http
主机：www
域名：http://v.juhe.cn
端口：80
资源：cba/playersInfo.php
参数：key=24df4b152cdfec26457aac29a0c3a483&team_id=19

DNS服务器

存储域名：IP键值对，通过域名找到相应的IP地址。

类似如下：

WWW.TAOBAO.COM :192.168.0.254

WWW.163.COM :192.168.0.212

...........

HTML固定基本结构

网页的固定基本结构包括以下标签，标签之间可以嵌套存在。

HTML页面的结构包括头部(head)和主体(body)两大部分：头部描述浏览器所需的信息；主题包含网页中的具体内容。

所以，我们所见到的网页内容，都是写在主体(body)中的。
<!DOCTYPE html> -------文档类型声明

<html> ------- 根控制标记

<head> ------- 头控制标记

<title></title> ------- 标题标记

<head> -------头控制标记（尾）

<body></body>------- 网页显示区域

</html>------- 根控制标记 ( 尾 )

HTML头部

文档的头部描述了文档的各种属性和信息，包括文档的标题等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
可以添加在头部区域的元素标签为: <title>,<style>, <meta>,<link>,<script>, <noscript>, 和<base>。

1.<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。

2.<link> 标签定义文档与外部资源的关系，最常见的用途是链接样式表。

<link rel="stylesheet" type="text/css" href="style.css">

3.<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。

4.<script> 标签用于定义客户端脚本，比如 JavaScript。<script>元素既可包含脚本语句，也可以通过src属性指向外部脚本文件。JavaScript 通常用于图像操作、表单验证以及动态内容更改。

<script>
document.write("Hello World!")
</script>

5.<style> 标签定义 HTML 文档的样式信息。在 <style> 元素中，您可以规定在浏览器中如何呈现 HTML 文档。每个 HTML 文档能包含多个 <style> 标签。

心得

经过一天的学习，从计算机软件的概论开始了解计算机软件的基础构架，包括计算机硬件，计算机网络，计算机软件分类和B/S的架构原理。由浅入深引入html基础，认识html是什么，它是一种用来描述网页的语言，浏览器将HTML,CSS,JavaScript等语言解析成丰富多彩的网页。本来内心有些许失落和恐慌，觉得它枯燥乏味，难学不易理解，但是跟着老师的步伐逐一摸索又觉得它千变万化，被每一种结构体带来的效果所吸引。

从HTML的固定基础结构到一些工具的使用，了解HTML中一些标签的作用，跟着老师的讲解做出咖啡单页，虽然是刚刚入门，对其中内涵知之甚少但已经足够欣喜。我需要提高的地方很多，打字速度慢，键盘不熟练，软件的许多功能也不太会用，代码敲得少，阴后会多加练习弥补不足。

作业

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Head Frist Lounge </title>
</head>
<meta charset="UTF-8">
<body>
<h1>欢迎光临CODING COFFEE<h1/>

<img src="img/c9.jpg">
<p>
敬请关注我们定期更新的<a href="./list html">产品列表</a>！
CODING COFFEE是一家只对程序员开放的咖啡馆！
<p>
如果您对CODING COFFEE感兴趣，可以<a href="./list html">参观我们的店</a>!
</p>
如果您想加入我们，可以<a href="./list html">查看招聘信息</a>!
您也可以选择<a href="./list html">在线订购</a>!
</p>

</body
</html>