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

最新推荐文章于 2023-08-10 23:54:14 发布

qq_41353794

最新推荐文章于 2023-08-10 23:54:14 发布

阅读量840

点赞数

分类专栏：心得和学习内容文章标签：心得

本文链接：https://blog.csdn.net/qq_41353794/article/details/78777701

版权

心得和学习内容专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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代码编写并不是那么难理解，是有规律的。

qq_41353794

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
第一天前端学习的内容和心得

CODING COFFEE CODING COFFEE 美式咖啡   $6 “美式咖啡”（英文：Americano，意大利语：Caffè Americano）咖啡的一种，是最普通的咖啡。是使用滴滤式咖啡壶所制作出的黑咖啡，又或者是意式浓缩中加入大量的水制成。拿铁   $7 拿铁咖啡是意大利浓缩咖啡(Espre
复制链接

扫一扫