入门四认识HTML

一、HTML介绍

1、Web前端三大核心技术

HTML:负责网页的架构

CSS:负责网页的样式、美化

JS:负责网页的行动

2、什么是HTML

HTML是用来描述网页的一种语言。

3、Html标签

单标签<html>

双标签<h>内容</h>

4、标签属性

属性格式:属性名="属性值" <a href="http://www.jd.com">京东</a>

二、HTML骨架标签

html:根标签 ,所有的内容都应该放到html标签中

head:头部标签

body:身体标签(代码编写区域)

三、编写HTML工具

四、常用标签

1、注释

作用:描述的内容不会被浏览器执行

说明:解释代码的含义给程序员看。

国际通用快捷键:Ctrl+/ <!-- 注释区域 -->

测试点:前端页面发布上线之前,需要检查(描述不恰当的文字出现)所有注释或去除注释。

2、标题标签

说明:HMTL标题是 通过<h1>---<h6>等标签进行定义

示例:

3、段落标签

说明:HTML段落是通过<p>标签进行定义的

示例:​​​​​​​

标题标签

段落标签

超链接标签

图片标签

执行和空格

布局标签

列表标签

表单标签

相关推荐
m0_736034851 小时前
1.28笔记
前端·chrome·笔记
奔跑的web.6 小时前
TypeScript 装饰器入门核心用法
前端·javascript·vue.js·typescript
winfredzhang6 小时前
实战复盘:如何用 HTML+JS+AI 打造一款“影迹”智能影视管理系统
javascript·html·json·加载·搜索·保存·电影接口
集成显卡7 小时前
Lucide Icons:一套现代、轻量且可定制的 SVG 图标库
前端·ui·图标库·lucide
pas1367 小时前
37-mini-vue 解析插值
前端·javascript·vue.js
十里-8 小时前
vue.js 2前端开发的项目通过electron打包成exe
前端·vue.js·electron
雨季6669 小时前
构建 OpenHarmony 简易文字行数统计器:用字符串分割实现纯文本结构感知
开发语言·前端·javascript·flutter·ui·dart
小北方城市网9 小时前
Redis 分布式锁高可用实现:从原理到生产级落地
java·前端·javascript·spring boot·redis·分布式·wpf
console.log('npc')9 小时前
vue2 使用高德接口查询天气
前端·vue.js
2401_892000529 小时前
Flutter for OpenHarmony 猫咪管家App实战 - 添加支出实现
前端·javascript·flutter