html（全）

VIP文章 已于 2022-06-21 14:54:27 修改
阅读量947 收藏
点赞数
文章标签： html 前端
于 2022-06-09 08:31:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67509637/article/details/125190026
版权

一、知识概述

1.web前端：学习如何开发页面的

HTML：如何搭建页面结构和页面内容

CSS：如何美化页面

JavaScript：如何给页面添加动态效果

二、HTML概述

1.什么是HTML

HTML(Hyper Text Markup Language)：超文本标记语言

1.超文本：超文本是用链接的方法，将各种不同空间的文字信息组织在一起的网状文本

2.标记语言：由标签构成的语言 <标签名称>

标记语言不是编程语言

2.快速入门

语法：1.html文档后缀名：.html 或者 .htm

2.标签分类：双标签：<标签名称></标签名称> 如<html></html>

单标签：<标签名称/> 如<br />

3.html标签不区分大小写，建议小写

3.标签学习

3.1文件标签

文件标签：构成html的最基本的标签

  • html：根标签
  • head：头标签
  • title：标题标签
  • body：体标签
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        hello 
    </body>
</html>

3.2属性

属性：是由键值对构成，属性值要用引号（单双）引起来

color：颜色 有三种表现形式

1.英文单词：red green blue

2.十六进制：#值1值2值3 0-9A-F

  • 红色：#ff0000 绿色：#00ff00 蓝色：0000ff
  • 黑色：#000000 白色：#ffffff

3.rgb(值1,值2,值3) 0~255 支持css

  • 红色：rgb(255,0,0) 绿色：rgb(0,255,0) 蓝色：rgb(0,0,255)
  • 黑色：rgb(0,0,0) 白色：rgb(255,255,255)

注释：<!-- 注释内容 -->

3.3文本标签

文本标签：和文本有关的标签

  • br：换行
  • h1 ~ h6：标题标签 h1~h6字体大小逐渐减小
  • p：段落
  • pre：预编译，保留原有样式
  • hr：展示一条水平线

属性：

  • color：颜色
  • width：宽度 width=200 单位是px（像素）/ width = 50%；百分比
  • align：对齐方式 left right center
  • size：粗细

  • b：加粗
  • i：斜体
  • u：下划线
  • sup：上角标
  • sub：下角标

font：字体标签

属性：

  • color：颜色
  • size：字体大小 默认是3 取值是1~7之间 +2→5
  • face：字体
  • center：文本居中

3.4图片标签

img：展示图片

属性：

  • src：资源路径
  • width：宽度
  • height：高度
  • title：鼠标悬浮时，展示的内容
  • align：对齐方式，left right
  • alt:图片路径不存在时，展示的内容

相对路径：以.开头的路径

./：当前目录下（可省略）

../：上一级目录

3.5列表标签

有序列表

  • ol：定义有序列表 属性type：默认值是1，还可以是a，A，i，I；start：开始值
  • li：列表的每一项

无序列表

  • ul：定义无序列表 属性type：默认值是disc，还可以是circle，square
  • li&
最低0.47元/天 解锁文章
不会敲代码呀～
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
.html(),.text()和.val()的差异总结
weixin_44541250的博客
04-18 3814
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：DW作者：张海锋撰写时间：2019-04-10~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ .html() .text() .val()三种方法都是用...
『jQuery』.html(),.text()和.val()的使用
weixin_30443731的博客
04-21 1597
本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法，用于读取，修改元素的html结构，元素的文本内容，以及表单元素的value值的方法。jQuery中为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作，比如说，你可以给已存在的元素的内部，周围，前面或者后面增加新元素；或者用一个元素替代另一个元素；你也可以读取或者修改一个元素的内容或...
.html()方法
qq_39632912的博客
10-13 1951
var $li = $("li"); alert($li.html());显示的是第一个li元素中的文本内容。其它li元素中的文本内容没有显示出来。 以下内容从网址：https://blog.csdn.net/l358366885/article/details/79757987中赋值。 .html() 方法? 1、定义及用法：html()方法返回被选元素的内容，即括号内未设置参数。 ...
初识html
qq_45378970的博客
09-09 295
HTML HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。 前端编辑器下载地址 hbuilder编辑器 超好用的编辑器哦 第一个html实例 <!DOCTYPE html> <html> <head> <meta charset="
HTML是什么？HTML简介
ccc369639963的博客
01-22 1万+
HTML是什么？HTML简介 HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。 使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。 每个网页都是一个 HTML 文档，使用浏览器访问一个链接（URL）
HTML5之HTML基础学习笔记
qq_45348840的博客
02-11 1110
day02
餐饮美食HTML全站模板
06-24
餐饮美食HTML全站模板里面包含15个子页面，适合美食商家网站模板下载。
HTML全组总结
11-28
以全组的形式，总结的一个PPT形式的HTML总结，并且参加了演讲大赛。
HTML全套教程
03-01
HTML全套教程schoolWeb Html自学的好书 有助于自学一下HTML
asp源码-DoubleY asp自动生成HTML全站静态程序(通用版) v2.0.zip
02-14
asp源码—DoubleY asp自动生成HTML全站静态程序(通用版) v2.0.zip asp源码—DoubleY asp自动生成HTML全站静态程序(通用版) v2.0.zip asp源码—DoubleY asp自动生成HTML全站静态程序(通用版) v2.0.zip asp源码—...
.html(),.text()和.val()的差异总结：
Flora的博客
11-17 464
.html(),.text(),.val()三种方法都是用来读取选定元素的内容.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的”value”值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素
.html()与.text()区别与辨析
小白博客
07-18 2万+
这两天看了一下html和jquery的选择器，并对w3chool上面的在线编辑产生了兴趣，但是在用textarea展示后台纯html的时候发生错误，查阅各种资料发现不行……心态炸了。废话不多说了，上干货。 首先，html属性中有两个方法，一个有参，一个无参。1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个Strin...
.html()和.text()及.val()的区别
farxix的博客
05-02 3485
.html()和.text()及.val()的区别 .html() .html()：获取集合中第一个匹配元素的HTML内容。这个函数不能用于XML文档。但可以用于XHTML文档 .html( htmlString )：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档 .html( function(index, oldhtml))...
jQuery中.html() 方法?
墓亦龍的博客
03-30 1万+
.html() 方法?1、定义及用法：html()方法返回被选元素的内容，即括号内未设置参数。                          若设置参数，返回设置参数的内容。                          并且该参数内容覆盖所有想匹配的元素的内容                          参数可为函数，即function(index,dcontent)       ...
HTML全部标签简介
热门推荐
JZ
04-14 3万+
XHTML1.0提供了几种DOCTYPE可选择：1.过渡型（Transitional ）2.严格型（Strict ）HTML是简单的文本标签语言，一个HTML网页文件都是有元素构成的，元素由开始标签、结束标签、属性和元素的内容4部分构成。再学习和使用HTML时要注意区分标签和元素这两个定义。属性的使用格式如下：&lt;元素 属性=“值”&gt;内容&lt;/元素&gt;&lt;元素 属性=‘值’&...
html 全
weixin_43508288的博客
10-24 96
个人整理 HTML全部标签总集，及用法
soraduo的博客
08-07 5972
个人整理，资料来自HTML参考手册，应该是最全的的了 1.<!--...--> 定义注释 注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。 使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本）： <script type="te...
html如果调用html,.html()
weixin_29337389的博客
06-04 98
The .html() method is not available in XML documents.When .html() is used to set an element's content,any content that was in that element is completely replaced by the new content.Additionally, jQuer...
Vue学习v-html
最新发布
李长渊的博客
05-14 372
Vue学习v-html
发邮件html全是问号
08-19
对于您在发邮件时出现 HTML 全是问号的问题，可能是由于编码不正确或者邮件客户端无法正确解析 HTML 代码引起的。请您尝试以下几个解决方法： 1. 检查编码：确保您的 HTML 文件或代码使用了正确的编码格式，如 UTF-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值