HTML学习笔记整理（一）

最新推荐文章于 2024-07-14 10:34:53 发布

leeprprprpr

最新推荐文章于 2024-07-14 10:34:53 发布

阅读量98

点赞数

分类专栏：在路上文章标签： html

本文链接：https://blog.csdn.net/weixin_51297067/article/details/109710503

版权

在路上专栏收录该内容

4 篇文章 0 订阅

订阅专栏

需要了解的基本信息

浏览器对网页进行渲染呈现出用户所看到的界面
网页实际上是一大串代码
前端工程师主要就是编写网页源代码
W3C——万维网联盟，解决源代码在不同浏览器渲染出不同效果的问题，要求编写网页要遵循W3C的规范
网页主要由三部分组成：

结构（HTML）——描述页面的结构（框架）

表现（CSS）——控制页面中元素的样式（颜色、图像等）

行为（JavaScript）——响应用户操作（点某个区域有变化、能拖动之类的）
HTML（Hyper Text Markup Language）——超文本标记语言
超文本——超链接，使用超链接可以让我们从一个界面跳到另一个界面

网页源代码的基本格式

<html>
    <!-- <html></html>是根标签，-根标签有且只有一个（类似c中的主函数main），且网页中的其他内容都要写在根标签里面 -->
    <!-- 往下的标签都是子标签，子标签也可以有自己的子标签，子标签前面用缩进 -->
    <head>
        <title>这是一个新的网页</title>
        <!-- <title>这里面的内容就是网页的标题</title> -->
    </head>
    <!-- <head>内容</head>中的内容写给浏览器，内容不会呈现在用户面前 -->
    <body>
        <h1>这是一级标题</h1>
        <h2>这是二级标题，字体会比一级标题小</h2>
        试试看这样能不能换行
        可以吗
        可以吧
        <!-- 然而并不可以 但是在notepad里面写的时候又可以唉-->
        <p>那这样可以了吗</p>
        <p>似乎可以了呢</p>
    </body>
    <!-- <body>这里的内容可以让用户看到</body> -->
</html>

纯净版：

<html>
    <head>
        <title>这是一个新的网页</title>
    </head>
    <body>
        <h1>这是一级标题</h1>
        <h2>这是二级标题，字体会比一级标题小</h2>
        试试看这样能不能换行
        可以吗
        可以吧
        <p>那这样可以了吗</p>
        <p>似乎可以了呢</p>
    </body>
</html>

呈现效果：
在这里插入图片描述

标签的属性：

可以在开始标签或者自结束标签中设置属性（如字体、字体大小、字体颜色等）

如：

<h1>这是<font size = "5">一级</font>标题</h1>

呈现效果：

在这里插入图片描述

其中，是用于设置文本的字体、大小和颜色的标签，size是这个标签的一个属性，用于改变字体的大小。
类似size的属性形式是x=y，x是属性名，y是属性值，其中属性值要用双引号或者单引号括起来
属性与标签、属性与属性之间要用空格隔开
标签的属性不能自定义

leeprprprpr

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记整理（一）

需要了解的基本信息浏览器对网页进行渲染呈现出用户所看到的界面网页实际上是一大串代码前端工程师主要就是编写网页源代码W3C——万维网联盟，解决源代码在不同浏览器渲染出不同效果的问题，要求编写网页要遵循W3C的规范网页主要由三部分组成：结构（HTML）——描述页面的结构（框架）表现（CSS）——控制页面中元素的样式（颜色、图像等）行为（JavaScript）——响应用户操作（点某个区域有变化、能拖动之类的）HTML（Hyper Text Markup Language）
复制链接

扫一扫