计算机基础
计算机有硬件和软件构成,简单来说就是能摸得到的,砸在身体上比较疼的就是硬件,摸不到的,砸在身体上面没有感觉的就是软件。
主要的硬件有CPU,存储器,输入输出设备。误区:存储器分为内存和硬盘,能同时玩几个游戏,取决于内存的大小,能安装多少个游戏取决于硬盘的大小。所以咱们一般说的手机内存不够了是硬盘的大小不够了。
软件有系统软件和应用软件,系统软件比如windows,应用软件就是我们常安装的APP,游戏之类的。
C/S和B/S架构
C:客户端
B:浏览器
C/S:APP,需要安装,偶尔更新,不跨平台,安全性更高。
B/S:网页,无需安装,无需更新,可跨平台(前端主要作用)
S:服务器
一个网页有哪些部分组成
HTML (结构)
CSS(表现)
Javascript (行为)
HTML是什么和HTML初体验
超文本,超级的文本,和普通的文本相比内容更加丰富。
标签
如图所示,左边为源代码,右边为浏览器渲染后生成的页面。程序员要做的就是写源代码。
点击网页右面可以进行查看源代码。
<marquee>开始啦</marquee>
marquee的作用是字幕滚动,它就是标签
在前端开发中,有许多常见的HTML标签可以用来创建网页的结构和内容。以下是一些常见的HTML标签及其用途:
<html>:定义HTML文档。
<head>:定义文档的头部,包含了一些元数据信息,如标题、样式表和脚本等。
<body>:定义文档的主体内容。
<h1>到<h6>:定义标题,从大标题到小标题依次递减。
<p>:定义段落。
<a>:创建链接。
<img>:插入图像。
<ul>和<ol>:创建无序列表和有序列表。
<li>:定义列表项。
<div>:创建一个容器,用于组织和布局其他元素。
<span>:用于对文本进行样式设置或标记特定的文本。
<form>:创建表单,用于接收用户输入。
<input>:定义输入字段,如文本框、复选框、单选按钮等。
<button>:创建按钮。
<table>:创建表格。
<tr>:定义表格行。
<td>:定义表格单元格。
这只是一小部分常见的HTML标签,还有许多其他标签可以用来实现不同的功能。在前端开发中,根据具体的需求选择适合的标签来构建网页的结构和内容。
标签的属性
在前端开发中,标签的属性是用来描述标签的特性和行为的。每个标签都可以有多个属性,属性由属性名和属性值组成,中间用等号连接。
以下是一些常见的HTML标签及其常用属性:
<a>标签:用于创建超链接,常用属性包括href(指定链接地址)、target(指定链接在何处打开)等。
<img>标签:用于插入图像,常用属性包括src(指定图像的URL)、alt(指定图像的替代文本)等。
<input>标签:用于创建表单输入字段,常用属性包括type(指定输入字段的类型,如文本、密码、复选框等)、name(指定字段名称)等。
<div>标签:用于创建块级容器,常用属性包括class(指定样式类名)、id(指定唯一标识符)等。
<span>标签:用于创建行内容器,常用属性包括class(指定样式类名)、id(指定唯一标识符)等。
除了上述标签,还有很多其他标签和属性可供使用。可以根据具体的需求选择适合的标签和属性来实现所需的功能。
代码结构
- 想要呈现在网页的内容写在body标签中
- head标签中的内容不会出现在网页中
- head标签中的title标签可以指定网页的标题
代码初试
<html>
<head>
<title>我的网页</title>
</head>
<body>
<marquee loop="1">
欧买噶,真不错
<!--下面的输入框是可以滚动的,只能滚动一次-->
<input type="text">
</marquee>
<!--下面的输入框是不可滚动的-->
<input type="text">
</body>
</html>