HTML入门

最新推荐文章于 2023-06-08 22:12:06 发布
最新推荐文章于 2023-06-08 22:12:06 发布
阅读量146 收藏
点赞数
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42555489/article/details/106391386
版权

HTML入门

  • web技术简介
  • html介绍
  • W3C
  • 浏览器
  • 第一个入门程序

web技术简介

web技术的三大内容

  • html(基本内容)

  • css（界面美化）

  • javaScript（动作交互）

什么是HTML

Hyper（超级） Text（文本） Markup（标记）language（语言） 超文本标记语言

  • 不是编程语言，而是标记语言
  • 标记语言是一套标记标签
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面

https://www.runoob.com/html/html-intro.html

W3C
  • W3C 指万维网联盟（World Wide Web Consortium）
  • W3C 创建于1994年10月
  • W3C 由 Tim Berners-Lee 创建
  • W3C 是一个会员组织
  • W3C 的工作是对 web 进行标准化
  • W3C 创建并维护 WWW 标准
  • W3C 标准被称为 W3C 推荐（W3C 规范）

https://www.runoob.com/w3c/w3c-intro.html

W3C Recommendations

W3C 最重要的工作是发展 Web 规范（称为推荐，Recommendations），这些规范描述了 Web 的通信协议（比如 HTML 和 XHTML）和其他的构建模块。

每项 W3C 推荐的发展是通过由会员和受邀专家组成的工作组来完成的。工作组的经费来自公司和其他组织，并会创建一个工作草案，最后是一份提议推荐。一般来说，为了获得正式的批准，推荐都会被提交给 W3C 会员和主任。

浏览器

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GytpoB1z-1590586986684)(image-20200527095943196.png)]

浏览请求网站的过程

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wv9SrEkM-1590586986687)(image-20200527101348319.png)]

上网三大部分组成
  • 客户端
  • 服务器
  • HTTP协议
第一个HTML文件
  • 文档声明<!doctype html>
  • 网页主体
  • 文档内容
    • 头部 >写配置文件
    • 体部 写文件内容

HTML常用标签

什么是标签

在html当中，使用<>来包裹具有特殊含义的单词

作用：使用文本内容以特定的格式显示

标签的分类

  • 双标签==开始标签结束标签==

  • 单标签
    自结束标签

如何学习html
  • 菜鸟教程 https://www.runoob.com/
  • W3school https://www.w3school.com.cn/

html常用标签

  • 标题标签

    • 使用文本内容以标题的格式显示
    • h1-h6
    • [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-shWgE7Yi-1590586986689)(image-20200527113802726.png)]

  • 注释标签 <!-----><!----->

    • 对于代码功能的解释说明，不想使用户看到，使用注释标签注释起来
    • 快捷键Ctrl+/
    • 如果不选中注释内容，会把光标所在一行全部注释
    • 选中后只注释选中的内容

  • 生成一条横线

    • 用于分割页面内容
    • hr
    • 单标签
    • color 改变横线的颜色
    • size 改变横线的粗细

  • 快速复制一行代码

    • Ctrl+D

  • html中的颜色

    • 英文字母
    • 十六进制#000000 #+6个数字[十六进制]
    • rgb：rgb（255，255，0）三个十进制，范围（255-0）

  • 居中标签

    • center
    • 是内容居中显示
    • 双标签

  • 段落标签

    • p

    • 双标签
    • 把文本分成多段

  • 换行标签

    • br
    • 对文本内容进行换行
    • 单标签

  • 字体标签

    • font
    • 对字体进行设置
    • size 字体大小
    • color 字体颜色
    • face 字体样式

  • 文体格式化

    • 加粗 b

    • 倾斜 i

    • 加粗并倾斜 /b>

    • 下标 sub

    • 上标 sup

    • strong 同b标签加粗

    • 删除线 del

  • 图片标签

    • <img 单标签 src="" 指明图片的位置>
    • 在文档中引入文件
    • alt 当图片加载失败，显示里面的内容
    • width 宽
    • height 高
    • px 在显示器中，图片以像素的形式显示
    • 设置宽高时，一般只设置一个属性，另外一个会属性根据原始图片的宽高属性进行缩放
    • 也可以百分比进行设置，依赖于图片所在的范围[容器]
    • 路径
      • 来自于网络资源
      • 来自于本地
      • 相对位置(建议使用)
      • 绝对位置

  • 超链接标签

    • 网络资源需要http协议头
    • 还可以引入本地资源【使用相对位置】
    • 资源跳转
    • href 指明跳转路径

  • 列表标签

      • 无序列表

        ​

        <li></li>
      • ul>li
      1. 有序列表 li
      • ol>li

    • 自定义列表

    • dl>dt>dd

    • dl 自定义列表

    • dt 自定义列表头

    • dd 自定义列表项

阿猿的猫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML从入门到精通
cgblpx的博客
06-01 4万+
目录 1 前端技术： 1 1.1 学习方法 1 1.1.1 前端要怎么学？ 1 1.1.2 前端技术栈 5 1.2 HBuilderX 7 1.2.1 介绍 7 1.2.2 安装 7 1.2.3 主题 9 1.2.4 字体 9 1.2.5 去掉px转rem提示 9 1.2.6 备注字体颜色 10 1.2.7 项目结构 11 1.2.8 jQuery语法支持 11 1.3 Web概述 12 1.4 静态页面HTML 13 1.4.1 概念 13 1.4.2 结构 13 1.4.3 入门案例 14 1.4.4
HTML入门标签
10-11
比较详细的HTML标签，常用到的标签都包括在内了。新手可以看看
HTML入门（详细）
qq_63525426的博客
05-03 2万+
HTML（全称为“超文本标记语言”）是一种用于创建Web页面的标记语言。它是Web开发的基础，允许开发者定义页面的结构、内容和样式。HTML使用一些标记或“标签”来描述文本和媒体内容的结构和格式，这些标签可以指示网页浏览器如何显示内容，包括标题、段落、列表、超链接、图像、音频、视频等等。HTML还可以与其他Web技术（如CSS和JavaScript）结合使用，以实现更复杂和交互性的Web应用程序。这篇文章只是介绍HTML的基础标签的使用。
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 22万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
Html入门练习
道亦无名
06-28 2万+
开始学些Html的时候主要进行一些简单的静态网页的处理： 1、HTML 标题 HTML 标题（Heading）是通过 - 等标签进行定义的。 2、HTML 段落 HTML 段落是通过 标签进行定义的。 3、HTML 链接 HTML 链接是通过 标签进行定义的。 4、HTML 图像 HTML 图像是通过 标签进行定义的。 5、HTML 元素 HTML 元素指的是从开始标签
菜鸟教程：零基础HTML入门
weixin_52163352的博客
11-08 2万+
HTML入门 文章目录一、HTML是什么？二、入门实例1.新建html文档2.html常用标签三、属性总结 一、HTML是什么？ HTML全称：Hyper Text Markup Language 中文名：超文本标记语言 HTML是由W3C组织定义的语言标准，是用于描述页面机构的语言。 二、入门实例 1.新建html文档 如图： 每一个html文件开头必须是这个标签，作用是告诉浏览器此文档为html文档。 ：根元素在所有的html文件中这个元素级别最高 网页编码格式，一般为UTF-8 中间内容就是这个h
HTML入门学习笔记+详细案例
Biteht的博客
04-22 1万+
✨HTML入门学习笔记+详细案例 作者介绍: 🎓作者:偷偷敲代码的青花瓷🐱‍🚀 👀作者的Gitee:代码仓库 ✨✨我和大家一样都是热爱编程✨,很高兴能在此和大家分享知识,希望在分享知识的同时,能和大家一起共同进步,取得好成绩🤳,今天和大家分享的章节是HTML基础,如果有错误❌,欢迎指正哟😋,咋们废话不多说,跟紧步伐,开始学习吧~😊 文章目录1.什么是HTML2.入门实例3.HTML标签详解3.1 标题标签3.2 段落标签3.3 换行标签3.4 格式化标签3.5 链接标签外部链接内部
HTML零基础入门教程完整版
哈哈
09-11 2万+
HTML零基础入门教程完整版
HTML零基础入门详细教程
一步一个脚印，踏实努力，向着目标前进
06-08 2764
欢迎来到HTML的零基础入门教程。HTML是构建网页的基础，是Web开发的必备技能之一。在本教程中，我们将介绍HTML的基础知识，包括HTML的基本结构、标签、属性等内容。让我们开始吧！
HTML基础入门（详细）
weixin_51143430的博客
08-28 3250
HTMLHTML结构2.HTML常见标签2.1注释标签2.2换行符2.3加粗标签2.4文字格式化2.4.1加粗2.4.2倾斜 2.4.3下划线 HTML结构 2.HTML常见标签 2.1注释标签 <!--注释> ctrl快捷键可快速进行注释或取消注释 2.2换行符 2.3加粗标签 2.4文字格式化 2.4.1加粗 2.4.2倾斜 2.4.3下划线 ......
html入门学习.zip
01-01
html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习 html入门学习html...
HTML 入门资料Demo
01-23
HTML 入门手册(一)：https://shuaici.blog.csdn.net/article/details/135680716 HTML 入门手册(二)：https://shuaici.blog.csdn.net/article/details/135698613 HTML 英文全称 " HyperText Mark-up Language " , ...
HTML入门学习及笔记.zip
01-01
HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记...
HTML入门学习的源代码.zip
01-01
HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源...
HTML入门教程
05-10
HTML入门教程
html入门学习01
05-26
html入门初始的一些概念和标签标注，p标签，a标签，b标签，i标签等。以及一些html的面试问题和标签的应用示范，
HTML入门总结思维图
最新发布
03-24
HTML入门总结思维图
小白HTML入门介绍从0开始
01-06
从零开始入门程序员
HTML入门：构建Web页面的基础
作为Web程序开发的基础，它为网页提供了结构化信息的框架，使...这本HTML入门教材围绕HTML的基本结构、字符实体以及创建简单网页的过程展开，强调了理论与实践的结合，旨在帮助新手快速上手HTML，掌握网页开发的基石。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值