【HTML零基础入门】这一篇就够了

置顶 已于 2023-10-05 13:34:21 修改
阅读量276 收藏 8
点赞数 3
文章标签： html5 笔记 前端
于 2023-09-30 13:19:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58308926/article/details/133432098
版权

目录

前言

我把HTML的知识点做了简单归纳，后续如果想到有其他要讲的，应该也会添加到文章中，知识点很少，只要勤加练习相信你很快就能掌握，如内容有误，请大佬及时纠正

一、HTML基础概念认知

1.网页组成和本质

1.1网页由哪些部分组成？

文字、图片、音频、视频、超链接

1.2我们看到的网页背后本质是什么？

程序员写的代码

1.3前端的代码是通过什么软件转换成看到的页面的？

通过浏览器转化（解析和渲染）成用户看到的页面，跨平台性

2.浏览器（了解）

2.1五大浏览器

浏览器：是网页显示、运行的平台、是前端开发必备利器
常见的五大浏览器：IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera）
五大浏览器

2.2渲染引擎（了解）

image.png

前端日常推荐谷歌浏览器

3.web标准

因为浏览器各厂商内核不同，所以不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异
web标准：让不同浏览器按照相同的标准显示结果，让展示的效果统一
web标准中分成三个，也通常被称为前端三剑客：
image.png

4.HTML骨架

HTML的全称为超文本标记语言，是一种标记语言。不属于编程语言。
下面是一个完整的HTML骨架结构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>

	</body>
</html>
标签说明
!DOCTYPE定义文档类型
html网页的整体
head网页的头部
body网页的主体
title网页的标题

二HTML基础标签

前言

HTML中不区分大小写，但是我们一般都使用小写
HTML标签必须结构完整，要么成对出现，要么单标签
代码注释
注释后的代码或文字不生效，不显示。不管是个人还是团队，都要养成良好的注释习惯，可以提高代码阅读速度，提高整体工作效率，不至于花时间去分析某一个封装的函数是什么功能

例：

//单行注释

<!-- 多行注释-->

1.排版标签

1.1标题标签

特点：文字加粗，由大到小 ，独占一行

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>

标题标签

1.2段落标签

特点：独占一行，段落间存在间隙

<p>我是一段文字</p>
<p>我是一段文字</p>

段落标签

1.3换行标签

特点：让文字强制换行

代码：<br>

示例：

		<p>我是一段文<br>字</p>

br换行标签

1.4水平线标签

作用：在页面显示一条水平线

代码：<hr>

示例：

	<p>我是一段文字</p>
		<hr>
		<p>我是一段文字</p>

在这里插入图片描述

2.文本格式化标签

标签说明
b加粗
u下划线
i倾斜
s删除线

示例：

        <b>加粗</b><br>
		<u>下划</u><br>
		<i>倾斜</i><br>
		<s>删除</s><br>

在这里插入图片描述

下面效果一样，突出重要性的强调

标签说明
strong加粗
ins下划线
em倾斜
del删除线

3.媒体标签

3.1图片标签

代码	<img src="" alt="">
属性说明
src图像路径
alt图片显示不出来时的提示文字
title鼠标移到图片上提示文字

示例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <img src="tu.png" alt="这是一只猫"title="猫">
    </body>
</html>

图像标签
如果src路径错误，不能正常读取图片则
在这里插入图片描述

3.2 路径

路径分为两种：相对路径和绝对路径

3.2.1相对路径:

分为三种：同级，上级，下级。

1同级目录
image.png

如图per.png图片和index.html都在Texitong目录文件下，且per.png不在其他目录文件下，则和html文件在同级，表示为

    <img src="./per.png">

或者可以表示为下面这样，可省略’./’

    <img src="per.png">

2.上级目录
image.png

图片per.png在walt文件ing文件下，我们的html文件在Texitong文件下，两个文件不在同一目录，所以我们要用要往上找，你可能会问walt文件在Texitong的下面位置为啥要往上找，你可以理解为他们不在同一个文件里面所以我们要往外找，而只有一种方法就是往上查找，只要不是在同一个总文件下，都用上级就完事了，灵活运用咯
默认路径写法为’./文件.png’，虽然’./‘可以在省略，但是在上级目录时，就不能省略，因此
上一级目录则表示为’…/’，上两级则为’…/’，则上面的写法应该为

        <img src="../walt/img/per.png">

下级目录
如图，文件都在相同Texitong文件夹下
在这里插入图片描述

其中图片文件为’per.png’在img文件下，则表示为

<img src="./img/per.png" >

其中./表示当前目录下可以省略，因此我们可以这样写

<img src="img/per.png" >
3.2.2绝对路径:

从盘符出发，或者文件链接
绝对路径：是从盘符开始的路径，如

C:\windows\system32\cmd.exe
链接 如 ‘baidu.com’;

<img src="baidu.com" >

3.3音频标签

属性名功能
src音频的路径
controls显示播放的控件
autoplay自动播放（部分浏览器不支持）
loop循环播放

示例：

		<audio src="img/BGM.mp3"controls></audio>

音频标签

3.4视频标签

属性名功能
src音频的路径
controls显示播放的控件
autoplay自动播放（部分浏览器不支持）
loop循环播放

示例：

<video width="200px" height="200px" src="img/par.mp4"controls></video>

width是宽，height是高
在这里插入图片描述

视频标签目前支持的三种格式：mp4、WebM、Ogg

4链接标签

称呼：a标签、超链接、锚链接
特点：内部可以包裹内容，点击后跳转指定页面
代码

<a href="index.html">文本</a>
属性名功能
href目标地址
target属性功能
_self当前窗口打开
_blank新的窗口打开

示例:新窗口打开

<a href="soul.html"target="_blank">点击跳转</a>

练习题

题1：要求页面标题标签，用到视频，段落换行显示，超链接跳转到音频页面
在这里插入图片描述
跳转后
在这里插入图片描述

答案
视频和音频文件自行寻找，注意路径别弄错了
index.html主文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h1>潮涌东方丨杭州亚运 大圣来也</h1>
		<video src="img/par.mp4" width="500px" controls></video>
		<p>话说，花果山的大圣听得孩儿来报，东方有地，名曰杭州，众健儿汇集于此，大展手脚，不禁技痒难耐，于是决定前去挑战一番。此番战果如何，且看视频分解。</p>
		<p>总监制丨过 彤<br>
			监 制丨魏驱虎 唐晓艳<br>
			制片人丨兰 军<br>
			策 划丨周小敏 吴冰钰<br>
			作 曲｜陈涤非<br>
			视 觉｜朱 意 冀常珲<br>
			手 绘｜杨 轩 蒲永琦
			动 画｜胡梁三 吕红涛 李佳昊 沈俊峰等<br>
			鸣 谢｜北京民族乐团<br>
		</p>
		<b>视频非原文章视频</b><br>
		<a href="soul.html"target="_blank">点击跳转</a>
	</body>
</html>

跳转后的soul.html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<u>已跳转</u><br>
		<hr>
		<audio src="img/BGM.mp3" controls></audio>
	</body>
</html>

小结

标题标签
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>

段落标签
<p>我是一段文字</p>
换行标签
<br>

水平线标签
<hr>

文本格式化标签
b	加粗
u	下划线
i	倾斜
s	删除线

strong	加粗
ins	下划线
em	倾斜
del	删除线

图片标签
<img src="" alt="">

音频标签
<audio src=" "controls></audio>

视频标签
<video src=" "controls></video>

超链接
<a href=" "> </a>

三、HTML列表、表格标签

1.列表标签

列表标签分为三个：
1.无序列表
2.有序列表
3.自定义列表

ul,ol标签中只允许包含li标签,li标签可以包含任何内容
dl 只允许包含dt/dd标签，,dt/dd标签可以包含任何内容

列表符号均由list-style-type定义，后续学到css就可以自己定义序列表的小图标啦

1.1无序列表

标签说明
ul无序列表
li表示无序列表的每一项
type属性序号类型
disc默认值 实心圆“●”
circle空心圆“○”
square实心正方形“■”
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <ul>
            <li>默认</li>
        </ul>
        <ul style="list-style: circle;">
            <li>circle</li>
        </ul>
        <ul style="list-style: square;">
            <li>square</li>
        </ul>

    </body>
</html>

在这里插入图片描述

1.2有序列表

标签说明
ol有序列表
li有序列表的每一项
type属性值列表项的序号类型
1（ 默认属性）数字1、2、3……
a小写英文字母a、b、c……
A大写英文字母A、B、C……
i小写罗马数字i、ii、iii……
I大写罗马数字I、II、III……

1.3自定义列表

标签说明
dd默认显示缩进效果,可包含任何内容
dl只允许包含dt/dd标签
dt可以包含任意内容
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
		</style>
	</head>
	<body>
		<dd>
			<dl>标题</dl>
		<dt>内容</dt>
		<dt>内容</dt>
		</dd>
	</body>
</html>

在这里插入图片描述

2.表格标签

2.1表格标签

标签说明
table表格标签
caption表格整体大标题,默认在表格整体顶部居中位置显示
tr用于于包裹td
th表示一列小标题，通常用于表格第一行默认内部文字加粗并居中显示
td包裹内容

tr标签只能包含td，td标签可以包含所有内容

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table>
            <caption>课程表</caption>
        <tr>
            <th>星期日</th><th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th>星期六</th>
        </tr>
        <tr><td>语文</td><td>美术</td><td>语文</td><td>化学</td><td>数学</td><td>语文</td><td>英语</td></tr>
        <tr><td>语文</td><td>英语</td><td>语文</td><td>数学</td><td>物理</td><td>历史</td><td>语文</td></tr>
        <tr><td>数学</td><td>美术</td><td>历史</td><td>物理</td><td>数学</td><td>化学</td><td>物理</td></tr>
        <tr><td>化学</td><td>语文</td><td>语文</td><td>数学</td><td>物理</td><td>语文</td><td>英语</td></tr>
        <tr><td>历史</td><td>物理</td><td>化学</td><td>数学</td><td>数学</td><td>语文</td><td>英语</td></tr>
    </table>
    </body>
</html>

在这里插入图片描述

2.2表格结构标签

注意点:表格结构标签内部用于包裹tr标签
表格的结构标签可以省略
这个只是方便我们看代码的时候能快速定位表格的结构部分

标签说明
thead表格头部
tbody表格主体
tfoot表格底部
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table>
            <caption>课程表</caption>
      <thead> //表格头部
            <tr>
         <th>星期日</th><th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th>星期六</th>
        </tr>
      </thead> 
      <tbody>//表格主体
        <tr><td>语文</td><td>美术</td><td>语文</td><td>化学</td><td>数学</td><td>语文</td><td>英语</td></tr>
        <tr><td>语文</td><td>英语</td><td>语文</td><td>数学</td><td>物理</td><td>历史</td><td>语文</td></tr>
        <tr><td>数学</td><td>美术</td><td>历史</td><td>物理</td><td>数学</td><td>化学</td><td>物理</td></tr>
        <tr><td>化学</td><td>语文</td><td>语文</td><td>数学</td><td>物理</td><td>语文</td><td>英语</td></tr>
        <tr><td>历史</td><td>物理</td><td>化学</td><td>数学</td><td>数学</td><td>语文</td><td>英语</td></tr>
  

      </tbody>
      <tfoot>//表格尾部
        <tr><td></td></tr>
      </tfoot>
         </table>
    </body>
</html>

3.3表格相关属性

标签属性
border边框宽度
width表格宽度
height表格高度
cellspacing单元格间距
cellpadding单元格填充
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="0">
			<caption>课程表</caption>
			<thead>
				<tr>
					<th>星期日</th>
					<th>星期一</th>
					<th>星期二</th>
					<th>星期三</th>
					<th>星期四</th>
					<th>星期五</th>
					<th>星期六</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>语文</td>
					<td>美术</td>
					<td>语文</td>
					<td>化学</td>
					<td>数学</td>
					<td>语文</td>
					<td>英语</td>
				</tr>
				<tr>
					<td>语文</td>
					<td>英语</td>
					<td>语文</td>
					<td>数学</td>
					<td>物理</td>
					<td>历史</td>
					<td>语文</td>
				</tr>
				<tr>
					<td>数学</td>
					<td>美术</td>
					<td>历史</td>
					<td>物理</td>
					<td>数学</td>
					<td>化学</td>
					<td>物理</td>
				</tr>
				<tr>
					<td>化学</td>
					<td>语文</td>
					<td>语文</td>
					<td>数学</td>
					<td>物理</td>
					<td>语文</td>
					<td>英语</td>
				</tr>
				<tr>
					<td>历史</td>
					<td>物理</td>
					<td>化学</td>
					<td>数学</td>
					<td>数学</td>
					<td>语文</td>
					<td>英语</td>
				</tr>
			</tbody>
			<tfoot>
			</tfoot>
		</table>
	</body>
</html>

在这里插入图片描述

3.4合并表格

标签属性
rowspan跨行合并
colspan跨列合并
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="0">
			<caption>课程表</caption>
			<thead>
				<tr>
					<th>星期日</th>
					<th>星期一</th>
					<th>星期二</th>
					<th>星期三</th>
					<th>星期四</th>
					<th>星期五</th>
					<th>星期六</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td rowspan="3">语文</td>
					<td>美术</td>
					<td>语文</td>
					<td>化学</td>
					<td>数学</td>
					<td>语文</td>
					<td>英语</td>
				</tr>
				<tr>
					<td>语文</td>
					<td>数学</td>
					<td>物理</td>
					<td>历史</td>
					<td>语文</td>
					<td>语文</td>
				</tr>
				<tr>
					<td>数学</td>
					<td>历史</td>
					<td colspan="3" >物理</td>
					<td>语文</td>
				</tr>
				<tr>
					<td>化学</td>
					<td>语文</td>
					<td>语文</td>
					<td>数学</td>
					<td>物理</td>
					<td>语文</td>
					<td>英语</td>
				</tr>
				<tr>
					<td>历史</td>
					<td>物理</td>
					<td>化学</td>
					<td>数学</td>
					<td>数学</td>
					<td>语文</td>
					<td>英语</td>
				</tr>
			</tbody>
			<tfoot>
			</tfoot>
		</table>
	</body>
</html>

在这里插入图片描述
注意点:只有同一个结构的标签中的单元格才能合并，不能跨结构合并（不能跨上面说的结构标签：thead、tbody、tfoot）

小结

列表图标可用list-style-type自定义
表格结构标签可省略不影响整体效果
合并单元格，不能跨表格结构标签合并

四、HTML表单

前言

用到表单的三种情况：
1.注册页面
2.登入页面
3.搜索页面
下面讲一些常用的标签即属性

1.input标签

input可以根据type属性的不同，展示不同的效果

type属性值说明
text文本框用于输入单行文本
password密码框，用于输入密码
dio单选框，用于多选一
checkbox多选框，用于多选多个
file文件选择，用于上传文件
submit提交按钮，用于提交
reset重置按钮，用于重置
button普通按钮，默认无功能，配合js添加功能

1.1文本框

		<input type="text"value="123">

文本框
value为默认给输入框设定的内容，可忽略

1.2密码框

		<input type="password">

在这里插入图片描述

1.3input占位符

placeholder 用于提示信息

	<input type="password" placeholder="请输入密码">

在这里插入图片描述

1.4单选框

<input type="radio"name="sex" checked>单选框<br>
<input type="radio" name="sex">单选框

checked为默认选中值
name定义名称，相同名称的为一组，可实现多选一
在这里插入图片描述

1.5多选框

<input type="checkbox"name="tre">跑步
<input type="checkbox"name="tre"checked>读书
<input type="checkbox"name="tre">音乐

在这里插入图片描述
同上checked为默认选中值
name定义名称，相同名称的为一组，方便后续提取内容

1.6文件选择

multiple 多文件提交,不添加则单文件

<input type="file" multiple>

在这里插入图片描述

1.7input按钮

1.7.1提交按钮
	<input type="submit">
1.7.2重置按钮
	<input type="reset">

2. button按钮

	<button>普通按钮</button>

在这里插入图片描述
普通按钮无任何功能，配合js使用
同样可以给他添加type属性，同input系列按钮
举例

	<button type="submit">提交</button>

3.select下拉菜单标签

<select name="">
 <option value="">下拉列表1</option>
 <option value="">下拉列表2</option>
</select>

在这里插入图片描述
当我们加入size属性时


<select name=""size="5">
   <option value="">下拉列表1</option>
   <option value="">下拉列表2</option>
</select>

在这里插入图片描述

4.textarea文本域

cols水平的文字字符长度，rows垂直文字字符长度

	<textarea name="" id="" cols="30" rows="10"></textarea>

在这里插入图片描述
右下角可以自由拉伸大小

5. label标签

	<label for=""></label>

for用于绑定id，当点击label标签的文字时执行被绑定id的事件
示例：

<input type="radio"name="sex"id="male"checked><label for="male">男</label>
<input type="radio"name="sex"id="female"><label for="female">女</label>

在这里插入图片描述
如上，当点击文字时也会选择单选框

6form标签

<form action="" method="post">
			
<input type="submit" value=""/>
</form>
属性说明
action发送去的地址
method提交方式，get或post

用于处理的元素都应放在form标签里，否则部分控件失效，如重置，提交按钮
get一般用于搜索，post相对安全性高常用于提交信息

练习

如图，单选框默认属性选择男，单击男或女能实现选中，能上传多个文件，重置信息功能正常
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<form action="" method="post">
			<table border="1" cellspacing="0" cellpadding="0" width="380">
				<tr bgcolor="cornflowerblue">
					<td>个人信息</td>
				</tr>
				<tr>
					<td>姓名:<input type=" text" name="name" id="" value="" />
					</td>
				</tr>
				<tr>
					<td>邮箱:<input type="text" name="youxiang" id="" value="" />
						<select name="qcm">
							<option value="@qq.com">@qq.com</option>
							<option value="@163.com">@163.com</option>
						</select>
					</td>
				</tr>
				<tr>
					<td><label>手机号码:</label><input type="text" name="sjh" id="" value="" /></td>
				</tr>
				<tr>
					<td>
						<input type="radio" name="sex" id="male" checked><label for="male">男</label>
						<input type="radio" name="sex" id="female"><label for="female">女</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>爱 好:</label>
						<input type="checkbox" name="uk1" id="" value="游泳" />游泳
						<input type="checkbox" name="uk2" id="" value="读书" />读书
						<input type="checkbox" name="uk3" id="" value="跑步" />跑步
					</td>
				</tr>
				<tr>
					<td><label>学校:</label><select name="xuexiao">
							<option value="未选择">请选择</option>
							<option value="复旦大学">复旦大学</option>
							<option value="清华大学">清华大学</option>
							<option value="武汉大学">武汉大学</option>
						</select></td>
				</tr>
				<tr>
					<td>自我介绍:<br>
						<textarea rows="8" cols="50" name="zwjs"></textarea>
						<input type="file" name="" id="" multiple>
					</td>
				</tr>
				<tr>
					<td>
						<input type="reset">
					</td>
				</tr>
			</table>
		</form>

	</body>
</html>

小结

占位符 placeholder 用于提示信息。
单选和多选框的属性：
checked为默认选中值
name定义名称，相同名称的为一组，方便后续提取内容。
多文件提交我们可以添加multiple来实现
当下拉列表添加size属性时，可无需下拉显示元素
label的for属性用于绑定id，常和选择框一起绑定

  • 今天不学习，明天变垃圾
  • 一定要亲手杀死那个懦弱无能颓废的自己
依 白
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
零基础入门 HTML 的 8 分钟极简教程
实验楼--动手做实验，轻松学IT！
03-19 511
在今天，前端工程师已经成为研发体系中的重要岗位之一。 可是与此相对的是，极少大学的计算机专业愿意开设前端课，大部分前端工程师的知识，也都是在实践和工作中不断学习的。 最近收到很多同学的后台留言，说希望多推出一些前端方向的教程。 今天我们就带来一个适合前端初学者的教程，可以带你从零入门 HTML、CSS、JS、React 等前端核心技能，并创建一个待办事项的管理应用～ 项目效果： 教程从最基础的 ...
Weex入门这一篇就够了
02-24
（1）安装nodejs（2）安装webpack:npminstallwebpack-g（3）安装vue-cli脚手架：npminstallvue-cli-g（1）vueinitwebpackvue-hello(vue-hello为项目名称)（2）cdvue-hello（3）npminstall（4）npmrundev或npmstart...
HTML零基础入门详细教程
一步一个脚印，踏实努力，向着目标前进
06-08 2761
欢迎来到HTML的零基础入门教程。HTML是构建网页的基础，是Web开发的必备技能之一。在本教程中，我们将介绍HTML的基础知识，包括HTML的基本结构、标签、属性等内容。让我们开始吧！
HTML零基础入门教程完整版
哈哈
09-11 2万+
HTML零基础入门教程完整版
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 22万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
零基础入门Matlab（一篇两个小时就能学完的入门博客）
02-08
零基础入门Matlab（一篇两个小时就能学完的入门博客）
了解MBSE，这一篇文章就够了
02-24
基于模型的系统工程(MBSE)作为未来工业研发数字化的重要...不管未来这些技术人员来自哪个方向，在最初接触MBSE这一概念的时候，都不可避免的要了解这一领域方方面面的概念和知识，来实现“入门”。鉴于此，特将近期做
零基础入门c语言pdf文档王桂林+C语言深度进阶篇-王桂林-v3.pdf
12-30
《零基础入门C语言》与《C语言深度进阶篇》是王桂林老师编著的两本关于C语言学习的教材。这两本书旨在帮助不同层次的学习者掌握C语言这一编程基础，无论是对编程完全陌生的新手，还是有一定基础希望深入研究的开发者...
【web前端基础 | H5】HTML简介
小赵不忙的博客
10-13 931
思维导图 一： 网页（重点） 1：什么是网站？ 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页。 常见以*.htm或.html后缀*结尾的文件，因此将其俗称为HTML文件。 2：什么是html? HTML 指的是超文本标记语言(Hyper Text Markup Language)，它是用来描述
HTML网页零基础教程（非常赞！！）
04-13
HTML网页零基础教程（非常赞！！） 适合菜鸟，能在最短的时间里掌握HTML语言，非常适合自学，并配有大量例程方便您的学习！！绝对值得下载！
零基础HTML学习历程 （一） 初识HTML
HJ
10-27 3360
首先我是拿着这本书开始我的HTML入门之旅的（如下图） 对这本书的评价在网上都有，我就不多说了哈。 先给HTML下个含义：HTML是超文本标记语言（HyperText Markup Language）的缩写，用来建立网页的结构。与它形影不离的一个好兄弟是css（这个同时在另外的文章里面专门会讲），他们两个好兄弟一起工作，是我么用来创建网页的语言。 初次见面
零基础初学HTML
chuxin_2017的博客
02-25 737
学html+css+js，易上手，无需编译，无需搭环境，无需配runtime，一个简单IDE+一个浏览器就搞定，易出成效，玩法多样，不受平台限制，相比其他语言坑比较少，入门容易，是广大闲暇人士茶余饭后必备之选 制作网站是一件充满乐趣的事情，制作成功，会感到很满足。 不需要任何编程基础，参考如下链接一两个小时就可以制成一个网站，会让你更有兴趣学习html 备注：只要具备浏览器和文本编辑器（比如not...
html css 零基础入门之第一个html代码（注重于vscode的安装使用）
qq_35788269的博客
05-12 4542
  html css 零基础入门之第一个html代码刚博主已经做了一个基础部分的margin与padding的讲解！为了给零基础的小伙伴们提供更多的帮助，现在我们来学习一下如何构建第一个HTML代码呢？针对与啥都不懂的萌新来说，一开始，前十个代码把，博主建议用windows自带的记事本敲代码！这样至少你会对HTML代码的结构有一个基本的了解！熟悉了HTML基本结构之后呢，，是不是觉得每次都要输入那...
HTML5基础（五）零基础入门 （上）
flyToSky_L的博客
04-27 3666
上一篇笔记记录了元素分组，文章链接：http://blog.csdn.net/flytosky_l/article/details/70284311
 这里，接着做HTML5的基础知识-元素表格，(新建一个文件名为index.html，在文件目录 code下)
菜鸟教程：零基础HTML入门
weixin_52163352的博客
11-08 2万+
HTML入门 文章目录一、HTML是什么？二、入门实例1.新建html文档2.html常用标签三、属性总结 一、HTML是什么？ HTML全称：Hyper Text Markup Language 中文名：超文本标记语言 HTML是由W3C组织定义的语言标准，是用于描述页面机构的语言。 二、入门实例 1.新建html文档 如图： 每一个html文件开头必须是这个标签，作用是告诉浏览器此文档为html文档。 ：根元素在所有的html文件中这个元素级别最高 网页编码格式，一般为UTF-8 中间内容就是这个h
HTML基础——零基础必看
imByte的博客
07-22 807
前言：本文为跟随黑马pink老师自学h5所写学习笔记，大部分来自课件及网络，如有侵权联系删除 一、网页相关概念 1. 网页概念 网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.h.
HTML快速入门
徐明坤的博客
06-08 240
HTML是什么 HTML: Hyper Text Markup Language 超文本标记语言。 超文本：比普通的文本（txt）功能更加强大，比如说你想要添加一张图片，那么普通的文本无法实现，但是可以通过超文本来实现。 标记语言：标记就是一组标签，通过一组标签来对内容进行描述，由浏览器来负责解释执行。（所以这么标签是固定的，对浏览器来说只要支持这组固定的标签，就能够对它来进行解释执行） ...
HTML零基础入门
greentrainsad的博客
09-27 297
1.html零基础入门 什么是html 怎么样能学好html
c语言入门这一篇就够了-学习笔记 一万字
最新发布
06-28
### 回答1： 非常感谢您的建议，我们会尽快为大家准备一篇关于C语言入门的学习笔记，帮助大家更好地掌握这门编程语言。我们会尽可能详细地介绍C语言的基本语法、数据类型、运算符、流程控制语句等内容，同时也会提供一些实例代码和练习题，帮助大家更好地理解和掌握C语言编程。希望我们的学习笔记能够对大家有所帮助，让大家更快地入门C语言编程。 ### 回答2： C语言是一门广泛应用于系统编程、嵌入式系统、游戏开发等领域的高级程序设计语言。入门C语言对于软件开发工程师和计算机科学爱好者来说非常重要。 在C语言学习笔记中，我们首先需要熟悉C语言的基础知识，如数据类型、变量、运算符、流程控制语句和函数等。了解基础知识将会帮助我们更好地理解后续学习内容。 其次，学习C语言需要掌握一些编程基本技巧，如程序的模块化设计、调试和测试、程序的优化等。这些技巧可以帮助我们提高代码质量和效率。 同时，我们还需要了解C语言的高级编程特性，如指针、动态内存分配、结构体、文件操作等。掌握这些编程特性可以让我们更加灵活地进行编程。 最后，想要成为一名优秀的C语言程序员，我们需要不断实践和探索，不断完善自己的编程技能、提高编程水平。需要经常练习编写代码，加入开源社区进行开源项目的贡献和参与，与其他程序员交流经验，扩展自己的技术视野。 总之，学习C语言需要投入大量的时间和精力，需要不断地学习、实践和交流。但是，在通过不断地学习和实践后，C语言将成为你的强大工具，可以开发出各种高效、可靠的应用程序，实现自己的编程理想和目标。 ### 回答3： C语言是一门非常基础但又非常重要的编程语言，这门语言被广泛应用于各个领域，如嵌入式系统，操作系统开发等。C语言入门，是每个程序员必经的过程，通过学习C语言，我们掌握了基本的编程思想和方法，同时也为我们日后学习其他高级语言奠定了扎实的基础。 在这篇学习笔记中，我们可以学到C语言的各种基础知识点，例如数据类型、运算符、控制语句、函数等。这些知识点是C语言编程的基础，掌握它们非常重要。在学习的过程中，需要认真阅读教材，并且要动手实践，自己编写一些小程序，才能真正理解和掌握知识点。 除此之外，我们还可以通过学习C语言的标准库函数来扩展语言的使用范围，这些标准库函数非常常用，不仅可以方便快捷地实现某些功能，而且也是日后学习其他语言时会用到的知识点。 在学习C语言过程中，需要有一个良好的学习态度，要不断地做笔记、做练习，不断地复习、总结，才能够真正掌握这门语言，更好的为日后的编程生涯打好基础。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值