网络部授课记录(1)

390640## 标题@[TOC](网络部授课记录(1)

什么是HTML?

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

CSS的介绍

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

Hello World 程序

Hello world

Hello world

Hello world
Hello world
Hello world
Hello world 注:h1,h2,h3用的比较多,h4,h5,h6用的较少

一个简单的布局

<html lang="en"><!--语言为英文-->
    <head>
        <meta charset="UTF-8">
        <title>Hello world</title>
        <style type="textćs">
            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>
导航
内容
底部

Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown。

1.#用来做标题,左右一个#是一级标题,两个#是二级标题。

2.左右一个*的效果是斜体强调,两个的话就是加粗强调。

3.>加空格可以生成一个小栏目。

博客

1.平台:CSDN 简书 博客园

2.语言:Markdown

3.软件:Typora

HTML&CSS编辑器

VS Code Hbuilder

学习网站<推荐Chorme浏览器>

w3c school

B站账号:web技术小白

小结感想

HTML和CSS是我们用来创建网页的语言。
Web服务器存储并提供HTML和CSS创建的网页。浏览器获取页面,并根据HTML和CSS显示网页的内容。

通过HTML,利用标记来标记内容提供结构。把匹配标记以及它们包围的内容称为元素。

元素由3部分组成:一个开始标记、内容和一个结束标记(比如)有所例外。
开始标记可以有属性。
结束标记在做尖括号后面,标记名前面有一个“/”,以明确这是结束标记。

所有页面都要有一个元素,其中要有一个元素和一个元素。

网页的信息放在元素里。

元素里的内容就是你将在浏览器里看到的东西。
大多数空白符(制表符、回车、空格)都会被浏览器忽略,不过可以利用空白符让你的HTML更有可读性。

可以在

可以使用CSS在HTML中指定元素的特性。

总结感悟

通过本次授课,我感觉到理论知识和实践操作的巨大差别,希望自己可以多多实践一下,熟练掌握。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值