<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><title>CODING COFFEE</title>
</head>
<body>

    <h1>CODING COFFEE</h1><h2>美式咖啡&nbsp;&nbsp;&nbsp;$6</h2><img src="美式咖啡.jpg"><p>“美式咖啡”（英文：Americano，意大利语：Caffè Americano）咖啡的一种，是最<br>普通的咖啡。是使用滴滤式咖啡壶所制作出的黑咖啡，又或者是意式浓缩中加入<br>大量的水制成。</p><hr><h2>拿铁&nbsp;&nbsp;&nbsp;$7</h2><img src="拿铁.jpg"><p>拿铁咖啡是意大利浓缩咖啡(Espresso)与牛奶的经典混合，意大利人也很喜欢把<br>拿铁作为早餐的饮料。</p><hr><h2>卡布奇诺&nbsp;&nbsp;&nbsp;$7</h2><img src="卡布奇诺.jpg"><p>卡布奇诺是一种加入以同量的意大利特浓咖啡和蒸汽泡沫牛奶相混合的意大利咖啡。<br>此时咖啡的颜色，就像卡布奇诺教会的修士在深褐色的外衣上覆上一条头巾一样，<br>咖啡因此得名。</p><hr><h2>摩卡&nbsp;&nbsp;&nbsp;$8</h2><img src="摩卡.jpg"><p>摩卡咖啡（CafeMocha）是一种最古老的咖啡，其历史要追溯到咖啡的起源。它是由<br>意大利浓缩咖啡、巧克力酱、鲜奶油和牛奶混合而成，摩卡得名于有名的摩卡港。</p><hr><h2>焦糖玛奇朵&nbsp;&nbsp;&nbsp;$12</h2><img src="焦糖玛奇朵.jpg"><p>焦糖玛奇朵（英文：Caramel Macchiato）是在香浓热牛奶上加入浓缩咖啡、香草，<br>再淋上纯正焦糖而制成的饮品，融合三种不同口味。</p><hr>
</body>
</html>

笔记
计算机软件概论
计算机学科分类：(1)计算机硬件，(2)计算机软件，(3)计算机网络。
(1)计算机由CPU 显卡 内存 主板 硬盘 电源 鼠标 键盘组合成。
内存：一般是指运行中程序进行进行数据存储的介质。
(2)IP地址

计算机在网络中的唯一标识。（网络：广域网和局域网）

如果一台计算机，并于局域网而且连接了互联网，那么这台机器拥有两种身份，一个是在局域网中的IP，还有一个是对外的IP。
IP格式：192.168.1.124 (最大是254)

查看IP地址进入命令提示符CMD中
键入命令ipconfig

(3)软件分类:
1)系统软件

软件系统就是一个国家。

*Windows

* Linux

*IOS
* ANDROID
2)应用软件
应用软件就是具备特定功能的实体，比如医院、法院、警察局
3)下载类型软件
下载类型的软件称为客户端软件，C/S架构的软件(Customer/server),主程序是在客户的机器里。
4)基于浏览器访问的应用
浏览器本身就是一个客户端，网站、信息管理系统很多都是才用B/S架构进行设计的(Browser/Server),主程序放在服务器当中的，核心的业务逻辑也是在服务器中进行的。

B/S架构原理

访问地址的说明
服务器：全天候，有对外的固定ip，质量好配置高的电脑。
域名：域名是唯一的、一般是www.XXXXXXX.com .cn
.net .edu .org ,域名会通过DNS服务器解析到一个具体的服务器地址上。
DNS服务器
存储域名：IP键值对，通过域名找到相应的IP地址。
类似如下：

WWW.TAOBAO.COM :192.168.0.254
B/S架构原理图
HTML概念
HTML是用来描述网页的一种语言
HTML指的是超文本标记语言(HyperTextMarkupLanguage)。
HTML不是一种编程语言，而是一种标记语言(markuplanguage)。标记语言是一套标记标签(markuptag)。
HTML使用标记标签来描述网页。
(1)HTML语言用notepad++，sublime text，editplus以及一些其他的编辑器进行编写。
(2)我们可以打开chrome,键入F12，进入开发者工具，点击NETWORK标签，然后在地址栏键入百度的域名，我们可以立即在工具的下方看到所有从服务器中返回的文
件，包括HTML文件，CSS文件，图片文件以及JavaScript文件等。由此可见，HTML文件是由服务器返回的。
(3)浏览器将HTML,CSS,JavaScript等语言解析成丰富多彩的网页。

HTML 标签

HTML标记标签通常被称为HTML标签(HTMLtag)。HTML标签是由尖括号包围的关键词，比如<html>。HTML标签通常是成对出现的，比如<b>和</b>。


HTML固定基本结构
HTML页面的结构包括头部(head)和主体(body)两大部分：头部描述浏览器所需的信息；主题包含网页中的具体内容。
所以，我们所见到的网页内容，都是写在主体(body)中的。
<!DOCTYPE html> -------文档类型声明<html> -------
根控制标记<head> ------- 头控制标记<title></title> -------
标题标记</head> -------头控制标记（尾）<body></body>-------
网页显示区域

</html>------- 根控制标记 ( 尾 )
*可以添加在头部区域的元素标签为: <title>,<style>, <meta>,<link>,<script>, <noscript>, 和<base>。

1.<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。
2.<link> 标签定义文档与外部资源的关系，最常见的用途是链接样式表。

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

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

* 并且在网页的头部加上<meta charset="utf-8">。

* 标题（Heading）是通过<h1> -<h6>标签进行定义的。<h1>定义最大的标题。<h6>定义最小的标题。

<p>标签
HTML 可以使用P标签将文档分割为若干段落。
<hr>标签
有些时候，我们需要在段落之间或标题和正文之间画出一条横线作为区分，我们可以使用<hr>标签。

要想输入空格，必须写入$nbsp;

学习心得

       通过今天的学习，让我初步的了解了计算机的组成部分和HTML的基本内容。熟悉了HTML的一些基本标签的编写，在做老师布置的作业中，遇到了一些问题，后来看了随堂的笔记解决了，所以个人觉得随堂笔记要记好很重要。在做课后作业，HTML代码编写并不是那么难理解，是有规律的。

第一天前端学习的内容和心得相关推荐

2020年年度关于前端学习与工作的心得体会
在2019年底到2020年底,这一年多的时间里,本人从移动端开发直接转岗到前端开发,俗话说得好:只要是语言都是相通的,尤其是程序语言相似度更高,因为它们的鼻祖是C语言,做程序开发的都学过C语言,but ...
千锋重庆web前端学习什么内容？
1.掌握基础知识. 对于已整理的知识结构,根据分析的两个维度中最重要.最浅的部分作为打基础阶段.一定要在这个过程中多一点投入练习,一般做得多,熟练得多,就会认为这部分知识和内容是掌握的.内部前端的基础 ...
前端学习笔记-内容交付网络 Content delivery networks (CDNs)
文章主体来自 https://web.dev/content-delivery-networks/ 的节选及翻译文章目录资源交付 Resource delivery 缓存 Caching 向缓存添 ...
如何用html语言浏览路径,小白编程系列（二）：前端学习路径
前言上一篇我们简单的说了一下小白应该如何认识编程这件事,怎么选择编程语言.这一篇我们来说我们选择好了编程语言后,如何学习这门编程语言,它的学习路径应该是怎么样的.这个得分开讲,每一门编程语言的学习路 ...
只学一门java可行吗,java可以作为第一门编程语言学习吗
java可以作为第一门编程语言学习吗,语言,课程,入门,计算机科学,都在 java可以作为第一门编程语言学习吗易采站长站,站长之家为您整理了java可以作为第一门编程语言学习吗的相关内容. 十年前, ...
总结一年来的前端学习心得
到今天,前端学习刚好满一年.我也顺利从非计算机专业转到前端.对于前端学习,自己也是摸着石头过河,中间也有过困惑和迷茫.本文主要讲述自己一年来对于前端学习的心得体会,希望能对学习前端的人提供一些帮助. ...
html5移动web开发黑马掌上商城_月入35k大佬总结：web前端必须学习的内容（附全套前端教程）...
为了让学习变得轻松,高效!今天给大家分享一套教学资源,帮助大家在学习Web前端的道路上披荆斩棘,这套资源的领取方式请看文末优秀的WEB前端工程师具备编写任何一个互联网系统的前端页面.交互代码的能力. ...
第一周前端web学习记录
第一周前端web学习记录 #什么是HTML.CSS? 如何写代码以及在哪里写 vs code 的基本使用方法浏览器网站开发 HTML 的结构基础和属性创建标签嵌套 HTML标签设置属性 HT ...
【前端学习之HTMLCSS进阶篇】-- CSS第一篇 -- @规则与web字体图标
[前端学习之HTML&CSS进阶篇]- CSS第一篇 - @规则与web字体图标文章目录 [前端学习之HTML&CSS进阶篇]- CSS第一篇 - @规则与web字体图标前言一. ...

第一天前端学习的内容和心得

HTML 标签

第一天前端学习的内容和心得相关推荐

最新文章

热门文章