初入编程 - HTML + CSS

一些常用英文

Keywords 关键字

Description 描述

Author 作者

Copyright 版权

Charset 字符集

Refresh 刷新

Content 内容

Head 标签下的

meta 标签

http--equiv 属性

        1、定义网页所实用的编码

                  简写为： <meta charset=”utf-8”>

                网页出现乱码，很可能没有定义编码。注意一定要放在最前面

        2、定义网页自动刷新跳转

                <meta htttp-equiv=”refresh” content=”6,url=http://www.baidu.com” />

                定义网页 6s 之后刷新

                Content = “ 时间，跳转的网页” 

Style  样式标签

Script 标签定义页面 javascript 代码

Link 标签：引入外部css 文件

<link type=”text/css” rel=”stylesheet” href=”css/index.css”>

Type: 定义文件类型

Rel是 relationship的缩写，指的是定义链接文件和HTML 的关系，意思：关系

Stylesheet：样式表，外部样式表

Href 理解为 文档文件的路径

Body 标签

<h> 标题标签

---

更新时间：2022/6/27 13:28

<!--注释标签-->        注释标签的内容不会显示在浏览器上面

<H1>                        标题标签

<p></p>                    段落标签，段落会自动换行，并且段落和段落之间会有一定的距离

<br />                        文字换行标签

常用的文本标签        ---        对文本修饰

•         粗体标签：strong、b
  • strong标签和b标签的效果是一样的，实际开发中尽量实用strong标签，strong标签更具有语义化
•         斜体标题：i、em、cite
  • em标签同理，实际开发的过程就使用具有语义化的标签，i 和 cite 不建议实用
•         上标标签：sup
  • sup标签实现效果是文字在上方
•         下表标签：sub
  • sub标签实现效果是文字在下方
•         中划线标签：s
  • 中划线又叫删除线，常见于某宝商品促销活动价格，但是，对于删除线效果一般用css来实现
•         下划线标签：u
  • u标签，文本下划线效果，但我们一般用 css 来实现这个效果
•         大字号标签：big
•         小字号标签：small
  • 大小字号标签，在实际开发中也很少会用到，字体大小一般用css 控制

        

<hr />                               水平线

<div></div>                       盒子标签，常用来划分HTML结构，配合css控制某一块的样式

一般标签 和 自闭合标签的区别

一般标签：由于有开始和结束符号，因此可以在内部插入其他标签或者文字

自闭合标签：只有开始符号没有结束的符号，所以它不可以插入其他标签文字，所谓的“自闭合”，指的就是本来需要配合一个结束的符号来关闭，但它却自己关闭了

需要注意的是，在HTML5的标准中，自闭合标签中的 “/” ，可有可无。

常见的自闭合标签

        <meta />                            定义网页的信息（供搜索引擎看查看）

        <link />                               引入 “外部CSS文件”

        <br />                                 换行标签

        <hr />                                 水平线标签

  &