html,css笔记1

一、快捷键及基础常识

1.快速复制一行

  • 快捷键:shift+alt+下箭头
    光标定位到要复制的一行

2.选定多个相同的单词

  • 快捷键:ctrl+d

先双击选定一个单词,然后按下ctrl+ d可以往下依次选择相同的单词。这样同时修改相同的单词非常方便
3.添加多个光标

  • 快捷键:Ctrl+ Alt+上箭头(下箭头)

4.全部替换

  • 快捷键:Ctrl+ h
    5.快速定位到某一行
  • 快捷键:Ctrl+ g

基础框架

1.文档类型声明标签

文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。
这句代码的意思是:当前页面采取的是HTML5版本来显示网页.

注意: 1.<!DOCTYPE>声明位于文档中的最前面的位置,处于标签之前。2.<!DOCTYPE>不是一个HTML 标签,它就是文档类型声明标签.

2.lang语言种类

用来定义当前文档显示的语言。

  1. en定义语言为英语
  2. zh-CN定义语言为中文
    简单来说定义为en就是英文网页,定义为zh-CN就是中文网页
    实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文

3.字符集

字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
在标签内,可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。

<meta charset="UTF-8">

charset常用的值有: GB2312. BIG5、GBK 和UTF-8 ,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符
注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用"UTF-8" 编码,尽量统一写成标准的"UTF-8"。不要写成"utf8" 或"UTF8".
在这里插入图片描述

4.HTML常用标签

根据标签的语义,在合适的地方给一个最为合理的标签 。可以让页面结构更清晰。

4.1标题标签(重要)

单词head的缩写,意为头部、标题。

<h1>我是一级标题</h1>

<h6>我是六级标题</h6>

特点:
1.加了标题的文字会变的加粗,字号也会依次变大。
2.一个标题独占一行。

4.2段落和换行标签(重要)

在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示在HTML标签中,

  • <p>标签用于定义段落,它可以将整个网页分为若干个段落。
<p>我是一个段落标签</p>

单词paragraph的缩写,意为段落。
标签语义:可以把HTML文档分割为若干段落。
特点:
1.文本在一个段落中会根据浏览器窗口的大小自动换行。
2.段落和段落之间保有空隙。

  • 在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签<br/>.
    单词break的缩写,意为打断、换行。
    标签语义:强制换行。
    特点:
    1.<br/>是个单标签。
    2.<br/>标签只是简单地开始新的一行,跟段落不一样, 段落之间会插入一些垂直的间距。

4.3文本格式化标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值