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中指定元素的特性。
总结感悟
通过本次授课,我感觉到理论知识和实践操作的巨大差别,希望自己可以多多实践一下,熟练掌握。