作者名：1_bit 简介：CSDN博客专家，2020年博客之星TOP5，蓝桥签约作者。15-16年曾在网上直播，带领一批程序小白走上程序员之路。
通过前三篇的学习，相信你们对HTML有了一些基础的了解，那么我们就来先做一个小练习，巩固一下之前所学习的知识。
在这篇文章之前，已经初步的了解了HTML是怎么创建了，接下来，我们要用创建的文件去写我们进入前端的第一个demo，当然了，如果你忘记了，我之前的文章里也有详细的步骤。
HTML定义了具有特殊意义的特殊元素定义的文本，比如，使用元素来格式化输出，如粗体或斜体文本。
这里是加粗文本 这个文本是加粗的 这里是字体放大 这里是字体缩小 这里是斜体的 这个文本是斜体的 这个文本包含 下标 这个文本包含 上标
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 这是h1标签 这是h2标签 这是h3标签 这是h4标签 这是h5标签
我们把文字内容直接添加到body标签内，网页中就可以展示内容了，为什么要学标签呢？那图片怎么添加？链接怎么添加？网页中带有的颜色大小等怎么控制呢？
CSS是层叠样式表（ Cascading Style Sheets ）的缩写，是一种样式表语言，用于描述以 HTML 之类的标记语言编写的文档的布局。 它是用于设计Web页面的三剑客之一，另外两位浩客是HTML和Javascript。
今天2017.0605上午，主要学习了常用标签和列表，以下面代码为例 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="t
https://github.com/tecnickcom/tcpdf下载TCPDF压缩包
在只允许使用html，不能使用js和css的情况下，也能把CSDN的自定义模块玩出花来
但是，当你按照要求向有序列表嵌入样式时，比如： 题目要求(歌手分类字母用标签，并使用font-weight设置字体加粗，红色)。这是span我们已经采用有序列表的方式了！再对每个列表项前的符号设置字体加粗，红色时，你会发现列表内容也跟着变成红色并加粗了！
像行内短语/图片/加粗等被称为内联标签，此标签不会为自己的内容占据新的一行，即此标签的内容会承接在上一个标签之后（同一行）。不可以设置宽高，但可以设置内边距和外边距，但外边距不能设置上下外边距。
很多新手会使用＜br/＞标签来换行，或者使用多个＜br/＞标签来实现元素之间的上下间距。
<！DOCTYPE>文档类型声明，作用就是告诉浏览器使用的是哪种HTML版本来显示网页
请依次写出以下类型的输入框。 1. 类型为密码，默认值为"nowcoder" 2. 类型为复选框，且状态为已勾选
最初学习的时候，都是边看视频，边用记事本来做笔记，需要使用很多缩进来体现出知识的层次关系，但复习的时候看着挺不方便的。为什么我不用 Word？因为我觉得记个笔记，还要那么注意排版，会分心的。直到在一个网上的视频教程中听说 Markdown 这种轻量级的文本语言，就再也离不开它了。现在自己写东西，都是用 Markdown 做的。Markdown 是一门语言，但不是一门编程语言，学起来超快，用起来也比 Word方便。所有的样式都是通过简单的 Markdown 标记来实现的，也就是说不用像 Word 那样，用鼠标点来点去。Markdown 确实没有Word 那样丰富的排版样式，但是自己在平时写东西根本用不到那么复杂的排版，简洁清晰才是自己想要的。
第一章静态网页制作： 什么叫做HTML：超文本标记语言 HTML优势：世界知名浏览器都支持Google，苹果，微软，等等……还有市场需求 跨平台：1.win系统 2.苹果系统 3.linux系统 w3c标准包涵：1.结构化标准（XHEML,XML） 2.表现化标准（CSS） 3.行为化标准（DOM,ECMAScript） 网页的基本标签： 1.标题标签：h1~h6 格式：你好 2.段落标签：p 格式：你好 3.换行标签：br（单标签）格式：你好你好 4.水平线标签：hr 格式：
你好
HTML 提供了大量的文本标签，以供我们在制作网页时使用。这些标签可以帮助我们更好地组织和格式化我们的文本内容。以下是一些常用的 HTML 文本标签。
在浏览网页中最先关注的是文章的标题,字体很大很突出. 通常使用对标签.h标签分为6种,分别是 - ,字体从大到小.
font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下：
每个网页都有一个基本的结构标签（也称骨架标签），页面内容也是在这些基本标签上书写。HTML页面也称为HTML文档。
下面对常用标签进行简单的试例，详情见http://www.w3school.com.cn
做业务开发时间久了，很多基础的知识慢慢被遗忘，但往往这些基础和原理性的知识才是最重要的，丢不得。
css写在style标签中，style标签一般写在head标签里面，title标签下面。
单独使用单标记就可以表达完整的意思，使用一对尖括号将标记名称括起来就能表示一个单标记了。
1.html5 HyperText Markup Language 5.0 超文本标记语言5.0 2.页面基本框架 <!DOCTYPE html>
要创建标题，请在单词或短语前面添加井号 (#) 。# 的数量代表了标题的级别。例如，添加三个 # 表示创建一个三级标题 () (例如：### My Header)。
上周我们讲解了HTML与CSS的学习方法，并且概览了一下HTML与CSS，今天我们就开始进入“课程内容”的第一课。 讲法声明 - 很重要，请先查看 关于HTML与CSS的讲法，我们采取的是随讲随练的方式，每节课程之后都为各位设计了能够实现的“小功能”。换句话说，我们在课程中以“实现页面开发”为目的，一步一步的进行实现，在其中一些相关的“细节”知识点我们暂时先忽略掉，先完成主干的学习。在一个阶段的主干知识学习完成之后，我们再回头详细分析“细节”。这样更有利于大家的吸收和理解，不容易陷入到一些不必要的问题当中
我在【群玉】的外层包了个高亮的标签，发现成黄色高亮显示。 用标签是斜体 用是加粗 相对来说标签最好看。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid
设置背景图片 background-image: url(…/imgs/1.jpg);
p,h,a,b,u,i,s,em,del,ins,strong,ul,li,ol,
属性的作用就是就为元素提供更多的信息，大多数元素都可以拥有属性 属性的语法：<标签 属性1=参数1> 注意空格的使用
问：前端人员的工作跟什么打交道 答：网页 网页的构成：由文字，图片，超链接，多媒体(音频，视频，Flash)等组成！
学习完上边几节html课程之后，你会发现html的标签还挺多的，为了能更好地在网页制作过程中熟练使用他们，我们今天讲讲标签分为几大类以及他们之间的区别。
作用：为文本添加特殊格式，以突出重点。常见的文本格式：加粗、倾斜、下划线、删除线等。
标签具有默认样式，由浏览器所决定的，为了达到在各个主流内核的浏览器页面样式显示一致，会重置具有默认样式的标签，得到样式表，就是 reset.css / base.css
标签之间的结构关系, 构成了一个 DOM 树 D: Document 文档 O: Object 对象 M: Model 模型
来来来,实现一个简单的布局. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *{padding: 0px;margin: 0px;} .header { width:
有时候有人会用大写字母做这个声明，不要觉得高大上或者觉得是不是不一样，作用是一模一样的。
css是什么：CSS是层叠样式表(Cascading Style Sheets)的简称，有时我们也会称之为CSS样式表或级联样式表。CSS 是也是一种标记语言。 有什么用：主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS是一种描述HTML文档样式的语言,CSS描述应该如何显示HTML元素。
font-family属性用于设置字体。网页中常用的字体有宋体，微软雅黑，黑体等 语法:
代码讲解：HTML标签可以加上属性，但是我们不推荐这样做，因为HTML是用来表示语义的。比如，h1代表一级标题，p代表段落，font代表字体，b代表加粗。而且这样做比较复杂，不利于代码的维护。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
