学习完上边几节html课程之后,你会发现html的标签还挺多的,为了能更好地在网页制作过程中熟练使用他们,我们今天讲讲标签分为几大类以及他们之间的区别。
代码示例:跳转到https://www.acai.cloud地址时用浏览器空白标签页打开
HTML有N多标签,根据显示的类型,主要可以分为3大类 块级标签: 独占一行的标签 能随时设置宽度和高度(比如div、p、h1、h2、ul、li) <style> div{ background-color: red; width: 200px; height: 50px; } p{ background-color: yellow;
👀专栏介绍 【前端网页】 目前主要更新HTML,一起学习一起进步。 👀本期介绍 本期主要介绍HTML块标签以及框架标签 文章目录 1.HTML基本语法(二) 1.1块标签:span 1.2块标签:div 2.自学扩展 2.1 框架标签 1.HTML基本语法(二) 1.1块标签:span 行级的块标签,用于在效果中 一行上定义一个块,进行内容显示。 1 span 有多少内容,就会占用多大空间。 ② Span
标签 是一个区块容器标记,之间是一个容器,可以包含段落,表格,图片等各种HTML元素。00
HTML 中的元素、属性及属性值都拥有某种含义,如有序列表用 ol,无序列表用 ul.
margin:0;
要创建标题,请在单词或短语前面添加井号 (#) 。# 的数量代表了标题的级别。例如,添加三个 # 表示创建一个三级标题 () (例如:### My Header)。
来来来,实现一个简单的布局. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *{padding: 0px;margin: 0px;} .header { width:
站长建议:视频只是作为知识点补充,不要一开始就直接看视频,最好是在阅读之后,带着疑问去看视频。
所谓统一接口就是统一一个标准,比如一部手机当统一了充电接口之后不同牌子的手机可以使用同一个品牌的充电器进行充电,因为大家的产品都遵循了同样的接口规格和充电协议。客户端和服务端之间的数据传输也是一样的当统一了数据传输格式之后,不同公司写的服务端就可以和不同公司的客户端进行正常的数据通信。
html主要通过标签构成dom树,以便浏览器的渲染引擎进行解析和识别,从而生成网页。
行内元素(如a标签),在文档流中的时候因为是行内元素所以无法设置宽高;而当设置了绝对定位或者浮动,会生成块级框(即变成块级元素),所以就可以设置宽高了。
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 记得大学毕业后的第一份工作 在一家在厦门还算比较知名的互联网公司做电话销售 总监交给我们的第一堂课 做人要低调,做事要高调 如今走过些许岁月,回头想想 此话如同金玉良言,醍醐灌顶 如果以前的自己能早点领悟这句话 或许会是另一番风景吧 <!DOCTYPE html> <html lang='en'> <he
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>猜猜我想说什么</title> </head> <body> 叼毛! <a href="ht
HTML是超文本标签语言,主要包括三大部分:文档声明部分、<head>头部部分、<body>主体部分
HTML:是Hyper Text Markup Language(超级文本标记语言)的缩写,HTML不是一种程序,只是一种控制网页中数据显示的标识语言。 HTML由一组标签组成。 HTML的基本结构 <html> <head> <title>第一个HTML示例</title> </head> <body> HTML的基本结构 </body> </html> HTML在浏览器中运行。 HTML是纯文本文件,所以可以使用任何一款文本编辑器编辑。 1.实际应用中记住
一、超链接a href:www.baidu.com(跳转页面);id名(锚点跳到相应div位置);01.rar(压缩包) target:_blank(新窗口打开);_self(当前窗口打开) 二、文件路径 绝对路径: (1)线上:线上绝对路径 (2)线下:完整路径
我们的浏览器端(B/S架构)本质上也是一个客户端,通过socket与服务端通信,发送请求,获得返回数据,再有浏览器将服务器返回的数据渲染成页面上看到的一个一个标签元素样式。
标签: Cmd-Markdown 1. 斜体和粗体 使用 * 和 ** 表示斜体和粗体。 示例: 这是 斜体,这是 粗体。 2. 分级标题 使用 === 表示一级标题,使用 --- 表示二级标题。 示例: 这是一个一级标题 ============================ 这是一个二级标题 -------------------------------------------------- ### 这是一个三级标题 你也可以选择在行首加井号表示不同级别的标题 (H1-H6),例如:# H1, #
作用: 网页的标签非常多,在不同的地方会使用不同类型的标签,了解他们的特点可以更好的布局我们的网页.
1.5.6.基础标签6 1.5.6.1.表单标签 在网页中表单标签使用form,用来收集用户的数据! Form表单标签常见的子标签: 1)input 输入框 2)select 下拉选 3)textarea 文本域 测试效果: 姓名: 密码: 性别: 爱好: 头像 籍贯: 生日: 自我介绍: 效果图: 代码效果: << span="">form> 姓名:<< span="">input name="username"/>br> 密码:<< span="">input type="passw
如果格式有问题,可以直接在这里进行查看 https://www.yuque.com/shuangguidaidan/ft6o18/tcu448
今天要写的不是CSS标准盒模型和IE盒模型,那个烂大街了。今天要深入探讨的是CSS去控制页面布局背后的那一套规则,页面就是由很多个各式各样的盒组成的,那我们就聊这个。这个是对后面的BFC以及定位模式的一个铺垫,基础很重要!!!
每个块级元素通常都会独占一行或者是多行,可以对其单独设置高度,宽度以及对齐等属性。
选择器就是css样式指定的作用在那些标签上;如果一个属性名有多个值,多个值之间使用 空格 隔开
3)标签与标签之间有一个以上的空格(n>1),网页上两个内容之间也只有一个空格。
(1)和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙。一行可以显示多个 (2)默认宽度就是它本身内容的宽度。 (3)高度,行高、外边距以及内边距都可以控制。
markdown是一种轻量级标记语言,在2004年由约翰·格鲁伯(英语:John Gruber)创建。markdown编写的文档可以导出为多种格式,如:html,word,图片,pdf,Epub等,后缀为 .md 或者 .markdown。
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上
HTML 是一种定义内容结构的标记语言。HTML由一系列元素组成,您可以使用这些元素来包含或包装内容的不同部分,以使其以某种方式显示或以某种方式执行。封闭的标签可以使单词或图像超链接到其他位置,可以斜体化单词,可以使字体变大或变小,等等;
WEB前端开发做什么? PC端页面 移动端页面 解决用户体验问题 必备条件是什么? 1>会上网,会打字,懂得互联网是什么 2>兴趣 3>肯练习 浏览器和服务器如何信息交互? 通过浏览器如何查看请求
本教程针对零基础同学,讲解网站开发三个基础技术:HTML、CSS、JS,带你快速入门!
核心在于:块级标签可以嵌套任何的标签,文本级别的只能嵌套图片超链接 文字。 块级占一行,文本级不会。
Markdown 是一种轻量级的标记语言,可用于在纯文本文档中添加格式化元素。Markdown 由 John Gruber 于 2004 年创建。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用。
值: (1)、normal(正常);bold(加粗);(<==常用) (2)、纯数字:100~900的整百数;
上一节介绍了HTML的基本概念,和基本语法,本节介绍下HTML的基本标签和表单标签。这部分学习可以参照W3Cschool,一个很好的网站。
置换元素:置换元素内容的部分不由文档内容直接表示,而是尤其它(图片、视频、链接等)文件替代(例:img置换元素)。
HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。
src(source的缩写)是的必要属性,它用于指定图像文件的路径和文件名。
5.0之前没有placeholder新增功能,之前是value(提示的文字需要用户删除,而且字的颜色也没有变暗)实现的
div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul……
内联标签:<input><textarea>
❤w3school快捷通道❤ ————————————————————————— Web标准构成的三部分:
CSS(cascading style sheets,层叠式样式表)是一种用来表现HTML 或XML 等文件样式的计算机语言,CSS文档以.css作为后缀 。
一 字体属性 1、font-weight:文字粗细 取值 描述 normal 默认值,标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold inherit 继承父元素字体的粗细值 2、font-style:文字风格 normal 正常,默认就是正常的 italic 倾斜 3、font-size:文字大小 fs:一般是12px或13px或14px 注意: 1、通过font-size设置文字大小一定要带单位
工作中其实经常用到一些span标签和div标签来进行内容的显示,但涉及到文本标签的换行,总得多花那么一两分钟多写一下,今天就专门来瞅一瞅。
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。
HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm。
领取专属 10元无门槛券
手把手带您无忧上云