HTML学习

最新推荐文章于 2023-03-30 16:40:11 发布

法法，我的法法

最新推荐文章于 2023-03-30 16:40:11 发布

阅读量256

点赞数 1

文章标签： html 学习 javascript

本文链接：https://blog.csdn.net/qq_47849733/article/details/127890964

版权

今日学习了简单的网页结构和一部分标签

网页结构的基本组成

<html>
    <!-- head标签  保存一些元信息  它里面的内容，用户是看不到的
    主要是帮助浏览器编译代码
    -->
    <head></head>
    <!-- body标签  书写网页的主体内容，所有的给用户看的，都写在body里面 -->
    <body>
        我的第一个页面
    </body>
</html>

最基本的网页是由根标签，head标签，body标签组成的，网页所有的内容都要写在html里面，一个网页只能有一个html，head标签和body标签是同等地位的，同属于html这个“父亲”的“儿子”，

head标签里的内容用户是看不到的，body里的是给用户看的

<!doctype html>

在基本网页格式前通常要加文档声明

<!doctype html>是文档声明，要写在html之前，它的作用是告诉网页自己是规范编程的，以免陷入怪异模式，出现乱码

<title>
    
</title>

title标签是网页的标题，显示在标题栏中，它可以帮助浏览器进行筛选，增加网站被搜索到的概率，可以给部门做推广

<meta>

meta标签是一个自结束标签，属于标签里少数的“单身贵族”，也可以存一些元信息，能帮助浏览器翻译代码，在开始标签里，可以加一些属性和属性值，如

charset 就是字符集属性，它的属性有 utf-8 万国码属性值 GB 中国的 GBK 中国扩展版

设置 charset是为了防止出现乱码。

不过我们一般不手动去打网页的结构，而是利用shift键加！的快捷键组合

</html>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

常用的标签：

1、标题标签 h1,h2,h3,h4,h5,h6

h1 一级标题

h2 二级标题

默认样式：h1-h6,字体的大小逐步减小、字体会加粗，会变黑

从语义上看：h1-h6,语义是逐步降低的，也是可以帮助浏览器检索内容，提高网络排名

注意：

常用的标题标签：h1-h3,

h1的语义是最重，所以一个页面一般只有一个

标题标签会独占一行，是块元素

2、段落标签 p

默认样式：段落与段落之间有较大的空隙

段落标签也会独占一行，是块元素

3、标题分组让标题之间有关系，没有默认样式

4、strong 强调标签

默认样式：字体加粗加黑了

5、em 强调标签

默认样式：字体斜体了

两个强调标签的区别：

strong强调的是内容，em强调的是语音语调

一般情况，在实际的使用当中，em，strong不做区别

6、br 强制换行, 是一个自结束标签

7、hr 分割线是一个自结束标签

8、del 删除线

9、center 有居中效果

10、div 是一个没有任何语义的标签, 是块元素

11、span 是一个没有任何语义的标签, 一般就用来包裹文字

12、引用标签

默认样式：加双引号

13图片标签

img标签；引入外部的图；也是一个自结束标签；有4个属性：

src 引入图片的路径暂时将html文件和图片放在同一个文件夹下

alt 是对图片的描述，正常情况下，alt的内容是不显示，

当图片的路径出现问题了，图片引入不成功，alt就会显示

它可以帮助浏览器检索图片，养成写alt的习惯

width 设置图片的宽度

height 设置图片的高度

一般情况下，不会同时设置width和height，

只要单独设置width或者height，另外一个就会自适应调整

实体：

什么是实体

在编写网页的时候，有一些字符我们是没有办法打出来的，例如空格、大于号、小于号等

这些字符已经提前被编译器或者浏览器征用，我们不能正常使用，我们要用一些额外的字符来代替

这些额外的字符就叫实体

实体的语法：&实体的名字；常用的实体

空格  

大于号 >

小于号 <

版权符号 ©️ ©

更多实体：https://www.w3school.com.cn/html/html_entities.asp

法法，我的法法

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习

最基本的网页是由根标签，head标签，body标签组成的，网页所有的内容都要写在html里面，一个网页只能有一个html，head标签和body标签是同等地位的，同属于html这个“父亲”的“儿子”，meta标签是一个自结束标签，属于标签里少数的“单身贵族”，也可以存一些元信息，能帮助浏览器翻译代码，在开始标签里，可以加一些属性和属性值，如。doctype html>是文档声明，要写在html之前，它的作用是告诉网页自己是规范编程的，以免陷入怪异模式，出现乱码。也是一个自结束标签；
复制链接

扫一扫