七小时带你入门HTML+CSS网页设计知识准备与开发工具（一）

发布日期：2023-10-01 00:42浏览次数：

本文摘要：大家好，我会用或许七个小时的时间同大家一起入门HTML+CSS网页设计，其实全部系列加起来也就1个小时左右，剩下的时间是让大家温习知识和训练写代码的，俗话说的好，七小时入门，成神靠小我私家。所以希望大家学习后一定要自己多训练，多训练，多训练。本篇主要内容是给大家先容HTML+CSS的基础知识和开发工具的推荐HTML是什么：html是一种形貌网页的标志语言（记着，不是编程语言），我们用浏览器打开的网页都是用html来编写的。

kaiyun

大家好，我会用或许七个小时的时间同大家一起入门HTML+CSS网页设计，其实全部系列加起来也就1个小时左右，剩下的时间是让大家温习知识和训练写代码的，俗话说的好，七小时入门，成神靠小我私家。所以希望大家学习后一定要自己多训练，多训练，多训练。本篇主要内容是给大家先容HTML+CSS的基础知识和开发工具的推荐HTML是什么：html是一种形貌网页的标志语言（记着，不是编程语言），我们用浏览器打开的网页都是用html来编写的。它的组成部门是由一对尖括号困绕，如：<html>、<body>等，通常是成对泛起，有开头就有竣事，竣事用斜线区分，如：<html>内容</html>等。

html是一种形貌网页的标志语言CSS是什么：css是用来控制html网页的样式和结构的，好比网页的颜色，尺寸和轮廓，写法也很简朴。css是用来控制html网页的样式和结构那么html与css的相互作用是什么？说小白一点，html就像一个毛坯房，只有屋子的基础框架，而css就像衡宇装修，同样的html结构用差别的css能设计出种种各样的网页样式。

kaiyun

html+css效果图开发工具：这里给大家推荐notepad++，操作简朴而且还免费，很是适合新入门的同学使用，浏览器可以选择谷歌浏览器或者360宁静浏览器等，我这里使用谷歌浏览器为大家做演示。notepad++下面给大家贴上常用的HTML+CSS标签，不要去死记硬背，后面多训练自然就会了：<h1>这是一个标题</h1> <p>这是一段文字</p> <a href="https://www.toutiao.com/" target="_blank">今日头条</a> <img src="http://tpt360.com/img/logo.png"> <div id="content" class="content"></div> <ul><li>列表1</li><li>列表1</li></ul><table><tr><th>姓名</th><th>年事</th></tr><tr><td>小张</td><td>小明</td></tr><tr><td>6岁</td><td>8岁</td></tr></table><form><input type="text" name="mingzi"><input type="text" name="nianling"></form><video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"></video>/*CSS标签*/width: 100px; /*宽度*/height: 100px; /*高度*/line-height: 100px; /*行高*/padding: 0px 0px 0px 0px; /*内边距*/margin: 0px 0px 0px 0px; /*外边距*/float: left; /*左浮动*/float: right; /*右浮动*/color: #000; /*字体颜色*/background: #fff; /*配景颜色*/font-size: 18px; /*字体巨细*/font-weight: 700; /*字体粗细*/text-align: center; /*居中*/a:hover {color: #FFF;} /*鼠标浮动字体变色*/border-radius: 6px; /*边角巨细*/border: 1px solid #CDCDCD; /*全边框*/下篇我将给大家详细先容使用方法，谢谢寓目！！！。

本文关键词：kaiyun,七小时,带你,入门,HTML+CSS,网页设计,知识,准备

本文来源：kaiyun-www.qtjxzz.com

上一篇： 5000其中小学数学论文最新参考选题数学老师再也不愁论文选题啦

下一篇：没有了