第一次网页前端培训笔记(HTML P1-3)

已于 2022-02-03 20:37:36 修改
阅读量729 收藏
点赞数
文章标签： 前端
于 2022-02-03 14:18:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Aurora_Cherish/article/details/122774738
版权
这篇博客介绍了HTML的基础知识，包括安装HBuilderX编译器、HTML概述、基础语法如标签分类和整体结构。详细讲解了常用标签如标题、段落、换行、列表、div、span、格式化标签、a标签、图片和表格的使用方法。
摘要由CSDN通过智能技术生成

1、安装编译器

HBuilderX下载

2、HTML概述

HTML（超文本标记语言）为纯网页结构，可以包含图片、视频、音乐，用HBuilderX编译

CSS美化网页

JS操作网页

3、基础语法

3.1 标签（4类）

  • 单标签                 <br/>
  • 有属性的单标签   <hr width="800" />
  • 双标签                 （由<起始标记>内容</结束标记>构成）

  • 有属性的双标签

3.2 整体结构

  • html   网页
  • head  标题
  • title    网页名字
  • body  内容
  • link     引入css文件
  • script  引入js文件

4、常用标签

4.1 标题、段落、换行和水平线

标题标签     h1~h6  依次递减  少用h1

  • <h1>标题1</h1>
  • <h2>标题2</h2>
最低0.47元/天 解锁文章
Aurora_Cherish
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
斑码教育大前端笔记-HTML第二天
10-09
在“斑码教育大前端笔记-HTML第二天”的学习资源中，我们主要聚焦于HTML这一核心前端技术。HTML，全称为HyperText Markup Language，是构建网页的基础语言，它定义了网页的结构和内容。HTML5是其最新版本，带来了...
HTML的迭代，进制，字符编码
weixin_43339334的博客
05-28 215
迭代 网页的版本 HTML4 XHTML2.0 HTML5 … 文档声明（doctype） - 文档声明用来告诉浏览器当前网页的版本 - html5的文档声明 <!doctype html> <!Doctype HTML> 进制： 十进制（日常使用） - 特点：满10进1 - 计数：0 1 2 3 4 5 6 7 8 9 10 11 12 13 ... 19 20 - 单位数字：10个 （0-9） 二进制（
P1-网页基本组成-HTML-基本语法-常用标签-标准网页-注释语句-html中的属性
LXMXHJ的博客
04-08 1047
基础常识概念 根据W3C的标准，一个网页是由三个部分组成：结构（HTML）、表现（CSS）、行为（JavaScript）。 一个良好的网页要求三者分离。 原因：一个软件通常是维护时间大于开发时间，为了方便维护，所以采用三者分离的方式。 耦合，代码之间的关系过于亲密，修改一个必须要同时修改其他。解耦，降低代码之间的关系。 HTML介绍 概述 HTML（Hpertext Markup Language）超文本标记语言，它负责网页三个要素之中的结构，HTML使用标签的形式来识别网页中的不同组成部分。 所谓超
第一次网页前端培训笔记（HTML）
m0_62854583的博客
02-04 1024
1.安装HBuilderX 网址：HBuilderX-高效极客技巧 (dcloud.io)https://dcloud.io/hbuilderx.html 下载后打开该文件夹，选取HBuilderX的应用程序即可，为了方便后续打开，创建桌面快捷方式 2.打开b站视频学习P1-P3 视频指路： 【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版 BV1sf4y1k7dr 3.初步认识HTML 3.1.何为HTML 超文本标记语言（英
【无标题】第一次网页前端培训笔记（HTML）
m0_66811674的博客
02-03 998
b站p1-p3 网站是面向用户的门户是数据库和用户之间的桥梁。 HTML可以设计网页骨架，CS可以使网页设计更精美，JS实现动态化设计。 学习HTML基础语法和常用标签 常用标签分类：单标签，双标签，有属性，无属性 HTML结构：标题（网页不显示），主题（网页显示） 常用标签 标题 h1-h6依次递减，尽量少用h1标签，自动换行 段落<br> 自动换行 换行<hr> color size width align 有序列表<ol&...
第四次网页前端培训笔记（P11-P12）
m0_52681974的博客
02-08 82
CSS常用属性设置 1背景 CSS背景属性用于定义HTML元素的背景效果 1.1background-color 设置元素的背景颜色 body { background-color:#ff0000; } 1.2 background-image 设置元素的背景图像，默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体。 body { background-image:url('paper.gif'); } 1.3background-repeat 设置是否及如何重复背..
第一次前端培训笔记（HTML）
apres_guo的博客
02-03 815
学习点这：本节学习网址 P1笔记 1.HTML——超文本标记语言（以.htm或.html为文件后缀保存）。 2.使用的编译工具——HBuilder 3.HTLM标签分为单标签（无属性的和有属性的）和双标签（无属性和有属性的，大部分是有属性的）。 4.HTLM网页文件包含3个部分：标记头区<HEAD>........</HEAD>,内容区<BODY>...........</BODY>和网页区<HTLM>.......</HTLM..
第三次网页前端培训笔记
wewqeqwwq1的博客
02-06 47
一、CSS的基本使用 1.CSS定义：选择器名{ 属性名:属性值; ........ } 二.CSS的注释 /*注释内容*/ <style> h2{ color: red; } /* 内部样式 */ </style> 三.css的基本使用 css的三种使用方式： 1.行内样式 直接写在标签上的形式...
第四次网页前端培训笔记
m0_61507413的博客
02-07 506
网页前端第四次培训笔记：CSS常用属性；盒子模型；下拉菜单；导航栏；网页布局设置。
第三次网页前端培训笔记（CSS)
prtinf48_9的博客
02-05 338
学习地址： 【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili 一. CSS的基本使用 CSS样式由选择器和一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性值。 选择器名：{ 属性：属性值； ········· } 注： CSS要以分号结束，声明以{}括起来； 最好一行书写一个属性 若值为若干单词，则要...
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar
04-18
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar ...
斑码教育大前端课堂笔记-html第五天
10-14
在“斑码教育大前端课堂笔记-html第五天”这一资源中，我们主要聚焦于HTML（HyperText Markup Language）的学习，这是构建网页的基础语言。HTML5是当前广泛使用的版本，它在HTML4的基础上进行了诸多改进和扩展，使得...
斑码教育大前端课堂笔记-html第四天
10-11
11. **CSS3初步**：虽然主要在第五天讲授，但笔记中可能已经提及了CSS3的一些基础，如选择器（类选择器、ID选择器、伪类等）、颜色、字体、边框、背景、布局（如Flexbox或Grid）等。 通过斑码教育的这份课堂笔记，...
斑码教育大前端课堂笔记-html第三天
10-10
【HTML第三天】知识点详解 在斑码教育的前端课程中，HTML第三天的...对于自学前端的朋友来说，这是一份非常宝贵的资源。随着课程的更新，你可以期待更多的实践案例和前沿技术的讲解，助你在前端开发的道路上稳步前行。
ASP.NET Core Web API 使用Autofac框架
鲤籽鲲的博客
08-08 620
ASP.NET Core Web API 使用Autofac框架
JAVA-WEB资源配置
最新发布
caryeko的专栏
08-15 109
用JAVA进行编写WEB项目时，我们一般需要对WEB进行统一配置，例如制定拦截路径、页面解析器、跨域配置、fastjson报文解析、文件上传大小配置等。
vue3使用pnpm运行项目但是运行不起来
一个努力不被优化的程序员
08-12 187
重新创建项目，将老项目的package.json，vite.config.ts，src等文件拖拽替换。删除node_modules重新下：文字编译乱码，utf-8可能解析处理问题。（如果哪位知道为什么会这样或者怎么解决麻烦留言下）运行项目的时候发现根本运行不起来了。删除node_modules重新下。尝试过创建.npmr文件。创建.npmr：不管用。
谷粒商城实战笔记-175~177-商城业务-检索服务-检索查询接口开发
epitomizelu的专栏
08-13 744
搜索页面搭建完成之后，点击搜索按钮，发送参数给后台服务，后台服务根据参数从Elasticsearch中查询符合条件的数据，返回给前端。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值