html基础1

最新推荐文章于 2024-01-21 18:06:02 发布
最新推荐文章于 2024-01-21 18:06:02 发布
阅读量620 收藏
点赞数 1
分类专栏： h5 笔记 前端 文章标签： 前端 html5 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/euniceing/article/details/126227812
版权
本文介绍了HTML的基本概念，包括它不是一种语言而是超文本标签语言。详细讲解了HTML的五大浏览器支持情况，以及HTML文件的基本结构。内容涵盖标题标签（h1~h6）、段落标签（p）、水平线标签（hr）、换行标签（br）、div和span标签、链接标签（a）及其属性如href和target，以及锚点定位和base标签的用法。
摘要由CSDN通过智能技术生成
  • 什么叫html？

1）html不是一门语言

2）超文本标签语言（hyper text marked language）

3）将标签文字输入到浏览器当中

  • 五大浏览器：chorme、IE 、safari 、firefox 、opera
  • html结构：文件名.html

快捷生成：！+enter

结构：

  • 标签

1、标题标签：head----h1~h6

最低0.47元/天 解锁文章
Euniceing
关注
专栏目录
1 - HTML标签
Ponsine的博客
11-17 204
HTML 一、HTML基本语法 1.1 标签(元素) 不同标签不同的语义,决定了标签的功能 标签分为单标签和双标签 <!--双标签有开始标签和结束标签--> <p>内容</p> <!--单标签没有结束标签--> <hr> <hr/> 标签名不区分大小写 标签具有属性,通过属性可以设置标签的相关属性 <font color='red' size='5'>zzzz</font> <!--- c
HTML —— 语义化标签
Cx330_der的博客
04-21 647
语义化标签 没有语义的布局标签 div和span div标签：一行只显示一个（独占一行） span标签：一行可以显示多个 div标签与span标签无任何效果，后期可通过CSS添加效果。 使用频率很高 有语义的布局标签 在HTML5中，提出的一些有语义的布局标签。 做手机端（移动端）网页时使用 标签名 语义 header 网页头部 nav 网页导航 foot
前端HTML基础：标签（1）
最新发布
我就知道你会来，我们一起进步吧！
01-21 448
2.标签只是简单的开始新的一行，段落不一样，段落之间会插入一些垂直的间距。1.加粗 或者span也是用来布局的，不同的是span可以一行放多个。3.删除线或者4.下划线或者div是division的缩写，表示分割、分区。单词head的缩写，意为头部、标题的意思。2.倾斜 或者单词paragraph的缩写，意为段落。作用：用来布局的，单独占一行。
HTML常用标签之标题、段落、换行和水平线标签
weixin_45604020的博客
06-19 1030
文字汇总了html常用的标签，分析了各类标签的使用特点，并演示代码给出运行截图，让读者更容易阅读理解。
HTML入门基础2
m0_71154850的博客
10-28 2933
table>、和是HTML表格最基本的3个标签，其他标题标签、表头单元格可以没有，但是这3者必须要有。语法：、表头（thead）、表身（tbody）和表脚（tfoot）4部分。没有顺序，每个li标签、li标签独占一行（块 元素）语法：语法：有顺序，每个li标签独占一行（块元素）
HTML基础练习题
weixin_50108821的博客
09-23 1万+
第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嘿嘿嘿</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr align="center">
HTML5+JavaScript动画基础 源码
11-20
在“HTML5+JavaScript动画基础 源码”这个主题中，我们将深入探讨如何利用这两种技术来实现丰富的网页动画效果。 HTML5是超文本标记语言的最新版本，它引入了许多新的元素和API，旨在提升网页的语义化和功能。在...
零基础学HTML CSS源代码
05-10
CSS基础.html 演示CSS基础链接知识用法。 style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。 第16章（源代码\第16章） ...
《Web程序设计基础R》实验报告---HTML基础
一只小鹿的博客
12-21 4832
一、实验目的 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单表单页面。 二、实验环境 计算机、Windows10 操作系统 三、实验内容、源码及运行结果 1．  实验内容 在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： 1. <html> 2. <head> 3. <title>Example</title&
HTML基础网页布局代码写法
m0_51826406的博客
03-07 8829
W3C标准 W3C World Wide Web Consortium 万维网联盟 中立性技术标准机构 W3C标准包括 结构化标准语言（HTML XML） 表现标准语言（CSS） 行为标准（DOM ECMAScript） 在idea创建一个工程 开始学习HTML基础 <!--注释 DOCTYPE：告诉浏览器我们使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!-- head代表网页头部 --> <hea
html标签（行元素，块元素，行内块元素）
Jwhahaha的博客
10-16 1万+
html标签 块元素 h1~h6:标题标签，用于标记网页中的大标题，依次从大到小 p：用于标记网页中的段落性文字，默认占满横向区域 行元素 行内块元素 img：用于标记网页中的图像 ，有属性src:图片资源路径 ，alt:提示信息 当图片加载失败 ，以指定文本形式代替图片显示 a：标记网页中的超链接，点击可以打开或者跳转到另一个网页，也可以链接到一个要下载的文件，有属性href：要...
当div 独占一行时处理方法
热门推荐
Reborn_s的博客
10-22 1万+
当div 独占一行时 使用 float:left浮动 即可
《HTML基础知识》2020-09-16
mqd_chan的博客
09-16 285
页面基本结构 html head body 标签类型 <tagName/> <tagName></tagName> 注释 样式：<!--需要注释的内容--> 目的：1、暂时用不到 2、解释 页面编码 【默认】iso-8859-1/gbk/gb2312/utf-8 常用标签 行内元素 【a标签】 超链接：<a...
HTML中块级元素，行内元素，行内块元素
ppxy_的博客
04-01 397
块元素：独占一行，并且有自动填满父元素，可以设置 margin 和 pading 以及高度和宽度 行内元素：不会独占一行，width 和 height 会失效，并且在垂直方向的 padding 和 margin 会失 效。 行内块元素：具有行块儿二象性 常见块元素：div、p、ul、ol、li、h1~h6、table、dl、dt、dd、hr - 水平分隔线、fieldset - form控制组 常见行内元素：span、a、strong、b、label、i、文本相关元素基本都是（除了p标签） 常见行
html表单select不独占一行,select不占一行
weixin_35019131的博客
06-22 877
Jquery文字一行一行向上滚动 效果是用了Jquery中animate这个方法实现的 相对来说是蛮简单的 虽然是简单点 还是要分享下 基本原理就是：运用了一个小技巧 滚动的高度和每个li的高度一样的，htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...
html基本格式和标签
wb0111的博客
03-18 1134
​ 一.文档的基本格式 二.文本格式化标签 <都是通过标签来美化文本外观> 行级标签：不会独占一行，且不识别宽高 块级标签：在浏览器中会独占一行。 1.加粗 加粗 加粗且强调 ( b 和 strong : 都有加粗作用,且都是行级标签（不会自动换行），但strong还有强调作用。注:强调主要用于SEO时，便于提前对应关键字） 2.倾斜 文字 文字倾斜且强调 ( i 和 em ：都有强调作用，且都是行级标签（不会自动换行），em有强调作用。如果只是简单的倾斜效果，用 i 标签就可以） 3.预格式文
html 设置span标签只在一行内显示
高安博客
07-30 7684
white-space: nowrap; /*强制span不换行*/ display: inline-block; /*将span当做块级元素对待*/ width: 260px; /*限制宽度*/ overflow: hidden; /*超出宽度部分隐藏*/ text-overflow: ellipsis; /*超出部分以点号代替*/ line-height: 0.9; /*数字与之前的文字对齐*/ ...
实现子元素在父元素中居中的三种方法(珍藏版)
liuwenjie_的博客
10-22 4917
三种方法都比较容易理解，父元素设置属性都相同，都是父元素设置后，子元素定位后再做细微调整，但最终结果也都相同，实现了居中的目的。 1、子元素宽高比父元素小的情况下，使用定位方法居中 <style> 父元素{ width:400px; height:400px; border:1px solid #000; margin 100px auto 0; position:relative; } 子元素{ width:200px; height:100px; background:yellow; pos
HTML语言基础入门教程
通过学习这个HTML基础教程，初学者可以掌握基本的网页制作技能，理解HTML的语法和结构，为进一步学习前端开发和网页设计打下坚实的基础。随着技术的发展，HTML5引入了更多增强用户体验的新特性，如离线存储、拖放...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值