网络部第一次授课记录
NYTD20640209
1。 HTML&CSS部分
1.什么是 HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言
(1)CSS简介
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML中,是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一个
总之一句话,CSS用来设置网页中元素的样式
<!DOCYTPE html>Hello World 程序
Hello world
Hello world
Hello world
Hello world
Hello world
Hello world
注:h1,h2,h3用的比较多,h4,h5,h6用的较少
一个简单布局QAQ
<html lang="en"><!--语言为英文-->
<head>
<meta charset="UTF-8">
<title>Hello world</title>
<style type="text/css">
header,nav,article,footer<!--页眉、导航、文章、页脚-->
{
border:solid lpx #666;
padding: 10px;<!--"px"是像素单位-->
margin: 6px;
}
header{width:500px;}
nav{
float: left;
width:60px;
height:100px;
}
article{
float:left;
width:406px;
height:100px;
}
footer{
clear:both;
width: 500px;
}
</style><!--这里的style样式是css的内容,与HTML分开写。html和css通过link进行交互-->
</head>
2 。 Markdown
1.#用来做标题,左右一个#是一级标题,两个#是二级标题。
2.左右一个*的效果是斜体强调,两个的话就是加粗强调。
3.>加空格可以生成一个小栏目。
3。 延伸拓展
博客
1.平台:CSDN 简书 博客园
2.语言:Markdown
3.软件:Typora
HTML&CSS编辑器
VS Code Hbuilder
学习网站<推荐Chorme浏览器>
w3c school
B站账号:web技术小白
4 。 总结
Html和CSS的关系
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。
\1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
\2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
\3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的
注: HTML标签不区分大小写,但建议小写,因为大部分程序员都以小写为准。
感悟:很多理论知识学着不如直接上机实践,有很多小细节很难在光学习中注意到。