首页
学习
活动
专区
圈层
工具
发布

001.html常用的基础知识点

Text Markup Language的缩写)中文译为“超文本标签语言”。... 我是一个大标题 注意: 体会 文本 标签 语言 几个词语 HTML 指的是超文本标记语言 (**H**yper **T**ext **M**arkup **L*...*anguage) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) 总结: HTML 作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来...绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 注意在head标签中我们必须要设置的标签是title title标签: 文档的标题 作用:让页面拥有一个属于自己的标题。...---- 表格结构(了解) 在使用表格进行布局时,可以将表格划分为头部、主体和页脚(页脚因为有兼容性问题,我们不在赘述),具体 如下所示: :用于定义表格的头部。

4.1K20

HTML 与 CSS:从 “认识标签” 到 “美化页面” 的入门指南

⛲️1.定义 HTML(HyperText Markup Language,超文本标记语言)是用于创建和描述网页的标准标记语言。他不是编程语言,而是通过标记标签来定义网页结构和内容的标记语言。...⛲️2.核心特点 超文本(HyperText):比文本强大,文本只能有文字,而是超文本指的是页面中包含的链接,可以包含音频、图片、补充或注脚等。...标记语言(Markup Language):使用一系列预定义标签来描述网页的结构和内容,浏览器会根据这些标签解析并解析页面。在浏览器中,我们一般按快捷键F12,就可以显示该页面的html。... 结果显示: style="width: 500;height: 300;":通过内敛样式设置表格位宽度为500,高度为300; border:用于设置表格边框的粗细...参数名1=值1&参数名2=值2),可见性高 get:数据会放在HTTP请求的“请求体”中,不在URL中显示,更安全。

37810
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端HTML万字血书大总结,来看看你入门了吗?

    1.6、XHTML     XHTML可扩展超文本标记语言(英语:eXtensible HyperText Markup Language,XHTML),是一种标记语言,表现方式与超文本标记语言(HTML...二、HTML骨架 2.1、HTML定义     HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。...属性 属性值 描述 src 图片的url地址 图形的路径 alt 文本 图像不能显示时的替换文本 title 文本 鼠标悬停时显示的内容 width 像素 设置图像的宽度 height 像素 设置图像的高度...注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。...4.2、创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签。 td>单元格内的文字td> ...

    2.2K20

    HTML---网页编程(1)

    ☆用HTML语言创作网页的说明 Web页面可采用超文本标识语言(HTML)创作,它允许将常规的文本与一些用来描述文本的标记混合使用。...◇ 想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。...☆格式: 值’> 数据内容 ☆操作思想: 为了操作数据,都需要对数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。 标签就相当于一个容器。...对容器中的数据进行操作,就是在不断的改变容器的属性值。...-- 这是注释 --> (不会在网页中显示出来的) 文字修饰 一个网页大多由以下要素构成:文字、图片、表格、动画及声音。在这些元素中,文字是十分重要的。下面我们就逐一讲述涉及文字的标记。

    2.4K10

    Web前端开发基础

    、性能优异且可访问性强的用户体验(User Experience, UX) 1.2 核心技术基石(前端三剑客) 任何网站或应用的前端都构建在三大核心技术之上: 1.HTML (超文本标记语言)...JS是现代前端开发的灵魂 2.HTML HTML (超文本标记语言) 定位:结构层,它是网页的骨架和基础 作用:定义网页的内容结构,如标题、段落、列表、图片、链接、表单等。...作用:用于在源代码中添加说明或临时隐藏代码,不会在浏览器中显示 快捷键:Ctrl + / <!...复选框,允许多选 radio:单选框,需通过 name 分组实现互斥选择 button:普通按钮 submit:提交表单数据 file:上传文件 reset:将表单中的所有输入字段恢复到它们的初始默认值...(可选):输入框中的默认值 返回值:用户点击确定按钮时,prompt返回输入框中的字符串内容;如果用户点击取消按钮或关闭对话框,则返回null 4.3 变量声明 var:函数作用域,可重新赋值,可重新声明

    98510

    html学习笔记(一)

    浏览器内核 也就是渲染引擎(决定了浏览器如何显示网页的内容及页面的格式信息(兼容性问题) ---- 认识html Hyper text markup language 超文本标记语言。超文本:超链接。...​ alternate:在两端之间来回滚动 ​ scroll:由一端滚动到另一端,会重复 ​ slide:由一端滚动到另一端,不会重复 direction:设置滚动的方向 ​ left |...样式表还是图标 type="text/css" type="text/css":规定链接文件的MIME类型,就是说链接文件时css还是js href="1.css":链接的文件路径 设置 icon...PS:当有多个单选框是如何设置只能有一个被选中? 只有将name的值设置相同的时候,才能实现单选效果。...1:尽可能少的使用无语义的标签div和span。(比如使用p是段落标签) 2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利。

    9.3K51

    【web前端阶段一】HTML巩固学习(持续更新)

    :对齐,大小,高度,宽度,颜色,布局,圆角 ---- 3.交互思想如何让用户称为数据的主人(how to be lord) 中加 添加js实现交互,将数据传递给用户,用户又将操作的信息传递给网站...取消注释 ctrl+/ 注释多行|取消注释 ctrl+shift+/ 撤销 ctrl+z 同时编辑 alt 新建多个 ∗ 包含关系 > ---- 2.html简介 (1).HTML是什么 超文本标记语言...-- 注释的文本内容 --> “"之间的任何内容都不会显示在浏览器中 注释不可以嵌套在其他注释中 ---- 3.htm基本骨架 中的主要语言进行声明,en代表了英文,还有常见的值是zh-CN,代表了中文。...DTD文档模型=DOCTYPE=DOCTYPE文档声明 ---- (2).html和xhtml的区别 XHTML是HTML向XML的一个过渡语言,在最初W3C组织希望把HTML变成更为严谨的标记语言(如

    5.8K40

    html基础知识点合集

    HTML 初识 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”。是用来描述网页的一种语言。... 我是一个大标题 注意: 体会 文本 标签 语言 几个词语 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言...(markup language) 标记语言是一套标记标签 (markup tag) 总结: HTML 作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来。...意思是超文本引用 target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。...表格结构 在使用表格进行布局时,可以将表格划分为头部、主体和页脚(页脚因为有兼容性问题,我们不在赘述),具体 如下所示: :用于定义表格的头部。

    3.3K20

    「学习笔记」HTML基础

    「HTML」(Hyper Text Markup Language):超文本标记语言 「所谓超文本,有2层含义:」 因为它可以加入图片、声音、动画、多媒体等内容(超越文本限制 ) 不仅如此,它还可以从一个文件跳转到另一个文件...设置id属性,在lable标签中设置for来让说明文本和相对应的input关联起来。...td 用于定义表格中的单元格,必须嵌套在标签中。 字母 td 指表格数据(table data),即数据单元格的内容,现在我们明白,表格最合适的地方就是用来存储数据的。...GET 和 POST 的区别 GET在浏览器回退时是无害的,而POST会再次提交请求。 GET请求会被浏览器主动cache,而POST不会,除非手动设置。...注意 在渲染的过程中是自上而下渲染, js会阻塞页面的渲染,优先等js执行完成 如果在渲染的过程中改变了样式,会造成回流需要重新渲染 link和@import的区别?

    5.9K20

    这才是完整的HTML

    超文本标记语言 HTML 代表超文本标记语言。它给出了网站或网页的基本结构。它定义了您的网站在结构方面的外观,即网站包含标题、输入、表单、表格、按钮等等。 HTML 代码 的想法。 这一行基本上告诉网络浏览器我们正在使用哪个HTML版本。在本例中我们是HTML5。...html 这是包含我们网页的所有代码的HTML元素。换句话说,这包含了网页所需的所有结构和设置,即外部 CSS、JS、CDN 等。您可能会注意到所有内容都位于和之间。...如果您不了解 CSS,它用于样式目的,JS 用于功能目的,CDN 代表内容交付网络。 标题 该元素包含显示在Web 浏览器选项卡中的标题。...结论 总之,HTML 通过定义其结构作为网站或网页的基础。它决定了网站在标题、表单、表格、按钮等元素方面的显示方式。通过使用 HTML 标签和元素,我们可以创建结构良好且组织良好的网页。

    50640

    十分钟学会 HTML

    1.1 HTML 简介 1.1.1 概述    HTML 是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言...☛ 表格    table 用于定义一个表格。 th 用户定义表中的字段 tr 用于定义表格中的一行,必须嵌套在 table 标签中,在 table 中包含几对 tr 就有几行表格。...td 用于定义表格中的单元格,必须嵌套在 tr 标签中,一对 tr 中包含几对 td 就表示该行中有多少列(或多少个单元格)。...通过 textarea 控件可以轻松地创建多行文本输入框 中的字符数" rows="显示的行数"> 文本内容 ?...注意 ① select 中至少应包含一对 </option。 ② 在 option 中定义 selected =" selected "时,当前项即为默认选中项。

    2.1K30

    网页组成

    浏览器内核 也就是渲染引擎(决定了浏览器如何显示网页的内容及页面的格式信息(兼容性问题) ---- 认识html Hyper text markup language 超文本标记语言。超文本:超链接。...​ alternate:在两端之间来回滚动 ​ scroll:由一端滚动到另一端,会重复 ​ slide:由一端滚动到另一端,不会重复 direction:设置滚动的方向 ​ left |...="用户名"> type:输入的是文本内容 name:输入框的名字 maxlength:限定输入文本长度 readonly:文本框只读 disabled:文本框未激活 value:输入框中的默认内容...PS:当有多个单选框是如何设置只能有一个被选中? 只有将name的值设置相同的时候,才能实现单选效果。...1:尽可能少的使用无语义的标签div和span。(比如使用p是段落标签) 2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利。

    7K10

    HTML 5&CSS快速入门1.计算机中的文件2.网页组成4.HTML基础操作

    1.计算机中的文件 二进制文件 文本文件 区别:使用windows记事本打开是否出现乱码 2.网页组成 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言....理解 超文本标记语言(标记语言不是编程语言) 超文本——核心:文本文件;扩展:可以间接的表示图片、音频、视频等二进制数据 后缀名称:.html .htm 网页文档:开发网页,让其他人可以通过浏览器来访问我们的数据...:用来在网页中,通过表格的形式展示内容的 表格 表格中要展示的标题 td>td> 表格中要展示的数据 合并单元格 横向合并单元格:colspan...对于由 em 元素强调过的或由 strong 元素标记为重要的文本,small 元素不会取消对文本的强调,也不会降低这些文本的重要性。...一般来说,可以通过display:inline和display:block的设置,改变元素的布局级别。

    2.6K30

    【超详细讲解】HTML详细教程

    超文本标记语言(HTML)是用于描述网页结构与语义的标记语言。现代 HTML 采用活标准(WHATWG),各浏览器会持续更新实现。...,存放图片,可以通过属性设置大小 1.3 HTML文档(拓展) 在编辑器中,我们输入 !...属性=“值” 2.属性之间没有必要的先后顺序 3.属性之间必须有空格分隔 示例: 演示效果: 在代码中我们通过属性去更改了宽高,使用方法如下 属性 说明...2.8 布局标签 常见布局标签 网站结构标签:网页的外观多种多样,但是都大概包括页眉、导航栏、主内容、侧边栏、页脚等 无语义标签:没有合适语义标签时,在进行一些布局可以选择div和span标签...li>定义列表的选项,里面可以放其他的html元素 展示效果: 描述列表 描述列表在我们布局中主要是在页面底部。

    56210

    第59节:Java中的html和css语言

    前言: HTML 英文: HyperText Markup Language内容 html是超文本标记语言,是网页语言的基础知识,html是通过标签来定义的语言,所有代码都是由标签所组成的,在html...这种个别标签: , 要建议使用 "/", 这是规范要求. html为超文本标记语言,标记语言,要对标签进行修饰,添加丰富的内容操作,可以对属性值进行改变,增强效果,也可以增强用户体验感....格式: // 超文本标记 值' /> 值'> 数据内容 在html中,代码都是由标签所组成的,代码逻辑相当低. // 头和体 ...,需要对数据进行不同标签的封装并通过标签中的属性可以对封装的数据进行操作....get和post get提交的数据会显示在地址栏中,而post不会,使用get会对敏感信息不安全. get的提交数据体积有限,而post可以提交大体积的数据. get将提交数据封装到了http消息头的第一行

    2.5K20

    Web前端基础(01)

    web前端学习 10节 HTML 学习如何搭建页面结构和内容 (盖房子 毛坯房) CSS 学习如何美化页面 (装修) JavaScript 学习如何给页面添加动态效果 jQuery JS语言框架,简化原生...: 超文本标记语言 超文本:指不仅仅是纯文本 还包括各种字体效果和多媒体(图片,音频,视频) 标记语言格式: 标签体 学习HTML主要学习有哪些标签 以及标签的使用方式...页面和文件同级目录:直接写图片名 文件在页面的上一级:…/图片名 文件在页面的下一级:文件夹名/图片名 绝对路径:访问站外资源时使用 图片盗链,节省本站资源,但有可能找不到图片(原网站的图片路径发生改变则找不到该图片...) alt: 图片不能正常显示时显示的文本 title: 鼠标在图片上悬停时显示的文本 width/height: 两种赋值方式:1....-- 文本框 name是对传递过去的参数做介绍 id唯一标识 value值设置文本框的值--> 名字:<input type="text" name="username" placeholder

    1.5K30

    前端之HTML内容

    一、HTML介绍 1、Web服务本质   当我们在浏览器中输入一个url后打开一个页面这个过程实质是一个网络编程中的sockt服务端接受指令并发送指令的一个过程。...2、HTML 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言,使用标签来描述网页,它不是一种编程语言。...表单一般用来收集用户的输入信息 表单工作原理: 访问者在浏览有表单的网页时,可填写必须的信息,然后按某个按钮提交。这些信息通过Internet传送到服务器上。...”时,为输入框的初始值        type=“checkbox”,“radio”,“file”,为输入相关联的值 checked:radio和checkbox默认被选中的项 readonly:text...说明: label元素不会向用户呈现任何特殊效果; 标签的for属性值应当与相关元素的id属性值相同。

    3.3K90
    领券