2020-11-12

网络部第一次授课记录

NYTD20640209

1。 HTML&CSS部分

1.什么是 HTML?
HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言

(1)CSS简介
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML中,是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一个
总之一句话,CSS用来设置网页中元素的样式

Hello World 程序

<!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标签不区分大小写,但建议小写,因为大部分程序员都以小写为准。

感悟很多理论知识学着不如直接上机实践,有很多小细节很难在光学习中注意到。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值