热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

html语言的常见符hr,HTML基础知识(元素标签)

浏览器浏览器是网页显示和运行的平台常用的浏览器以及内核谷歌浏览器,内核ChromiumIE浏览器,内核Trident火狐浏览器,内核Gec

浏览器

浏览器是网页显示和运行的平台

常用的浏览器以及内核

谷歌浏览器,内核Chromium

IE浏览器 ,内核Trident

火狐浏览器,内核Gecko

...

认识HTML

HTML是用来描述网页的一种超文本标记语言

代码编辑工具

VScode、WebStorm、Dreamweaver、SublimeText

文档类型

用法

作用

位于文档中的最前面的位置处于所有标签之前

在网页中要把文字有条理地显示出来

页面语言

指定html语言种类

en 定义语言为英语

zh-CN 定义语言为中文

字符集

用法

定义

字符集(Character set)是多个字符的集合

utf-8是目前最常用的字符集编码方式,还有gbk和gb2312

这句代码非常关键是必须写代码否则可能引起乱码的情况

认识WEB

Web网页主要由文字图像超链接以及音频视频Flash等元素构成

Web标准

Web标准构成

1.结构,用于对网页元素进行整理和分类,主要是HTML

2.表现,设置网页元素的版式颜色大小等外观样式,主要是CSS

3.行为,是指网页模型的定义及交互的编写,主要是Javascript

为什么要遵循WEB标准?

不同浏览器内核不同显示页面或者排版有差异

Web 标准的好处?

1、让Web的发展前景更广阔

2、内容能被更广泛的设备访问

3、更容易被搜寻引擎搜索

4、降低网站流量费用

5、使网站更易于维护

6、提高页面浏览速度

路径

目录

目录文件夹

就是普通文件夹里面存放了我们做页面所需要的相关素材

根目录

打开目录文件夹的第一层

分类

相对路径

以引用文件之网页所在位置为参考基础,而建立出的目录路径

绝对路径

绝对路径以Web站点根目录为参考基础的目录路径

指当所有网页引用同一个文件时,所使用的路径都是一样的

元素标签

标签分类

双标签(常规元素)

内容 标签名>

分为开始和结束标签,结束标签只是在前面加了一个关闭符“/”

骨架标签

html标签

页面最大标签也叫跟标签

头部标签

head标签中必须包含title标签

网页标题

让页面拥有属于自己的网页标题

主体标签

元素包含文档的大多页面内容都放到body里

关系

嵌套关系

并列关系

单标签(空元素)

样式

空元素用单标签表示里面不需要包含内容

排版标签

标题标签

HTML提供了6个等级的标题

即标题标签语义: 作为标题使用,并且依据重要性递减

加了标题的文字会变的加粗,字号也会依次变大

一行是只能放一个标题的

段落标签

是html中最常见标签,文本在段落中据浏览器窗口大小自动换行

作用

把 HTML 文档分割为若干段落

水平线标签


是单标签,在网页中用水平线将段落与段落隔开使文档结构清晰

换行标签

一个段落的文字会从左到右依次排列直到浏览器窗口的右端然后自动换行。如果希望某段文本强制换行就需要使用换行标签

div和span标签

语法格式

作用

用来布局网页元素

区别

一行只能放一个div,一行上可以放好多个span

图像标签

语法

%E5%9B%BE%E5%83%8FURL

该语法中src属性用于指定图像文件的路径和文件名

链接标签

文本或图像

注释标签

快捷键

ctrl + / 或者 ctrl +shift + /

表格标签

语法

属性

border边框、width宽度、height高度

表头

标题

合并

跨行合并(纵向合并)

rowspan

跨列合并(横向合并)

solspan

标签:Web,浏览器,标签,元素,基础知识,HTML,网页

来源: https://www.cnblogs.com/pbstar/p/14769679.html



推荐阅读
  • Java毕业设计项目:“传情旧物”网站(含源码与数据库)
    本项目介绍了如何配置和运行“传情旧物”网站,包括所需的技术栈、环境配置以及具体的操作步骤。 ... [详细]
  • 本文深入探讨了HTML5中十五个重要的新特性,为开发者提供了详细的指南。 ... [详细]
  • 本文介绍了JSP的基本概念、常用标签及其功能,并通过示例详细说明了如何在JSP页面中使用Java代码。 ... [详细]
  • 本文介绍了两个重要的Node.js库——cache-content-type和mime-types,它们在处理HTTP响应头时非常有用。cache-content-type是基于mime-types构建的,并且实现了缓存机制以提高性能。 ... [详细]
  • 本文详细介绍如何在SSM(Spring + Spring MVC + MyBatis)框架中实现分页功能。包括分页的基本概念、数据准备、前端分页栏的设计与实现、后端分页逻辑的编写以及最终的测试步骤。 ... [详细]
  • 本文将详细介绍如何实现类似于CSDN博客的页面返回顶部功能,通过调整返回速度和图标显示条件,使用户体验更加流畅。适合前端开发者参考学习。 ... [详细]
  • 深入解析Android Activity生命周期
    本文详细探讨了Android中Activity的生命周期,通过实例代码和详细的步骤说明,帮助开发者更好地理解和掌握Activity各个阶段的行为。 ... [详细]
  • 前端技术分享——利用Canvas绘制鼠标轨迹
    作为一名前端开发者,我已经积累了Vue、React、正则表达式、算法以及小程序等方面的技能,但Canvas一直是我的盲区。因此,我在2018年为自己设定了一个新的学习目标:掌握Canvas,特别是如何使用它来创建CSS3难以实现的动态效果。 ... [详细]
  • 本文详细介绍了跨站脚本攻击(XSS)的基本概念、工作原理,并通过实际案例演示如何构建XSS漏洞的测试环境,以及探讨了XSS攻击的不同形式和防御策略。 ... [详细]
  • 使用jQuery与百度地图API实现地址转经纬度功能
    本文详细介绍了如何利用jQuery和百度地图API将地址转换为经纬度,包括申请API密钥、页面构建及核心代码实现。 ... [详细]
  • 使用 ModelAttribute 实现页面数据自动填充
    本文介绍了如何利用 Spring MVC 中的 ModelAttribute 注解,在页面跳转后自动填充表单数据。主要探讨了两种实现方法及其背后的原理。 ... [详细]
  • WebStorm 是一款强大的集成开发环境,支持多种现代 Web 开发技术,包括 Node.js、CoffeeScript、TypeScript、Dart、Jade、Sass、LESS 和 Stylus。它为开发者提供了丰富的功能和工具,帮助高效构建和调试复杂的 Node.js 应用程序。 ... [详细]
  • BL550721、特点液晶驱动输出:Common输出4线,Segment输出36线内置显示寄存器364144bit2线串行接口(SCL,SDA)内置震荡电路内置液晶驱动电源电路13 ... [详细]
  • [附源码]计算机毕业设计JAVAjsp医药管理信息系统
    [附源码]计算机毕业设计JAVAjsp医药管理信息系统项目运行环境配置:Jdk1.8Tomcat7.0MysqlHBuilderX(Webstor ... [详细]
  • 基于JSP和SSM框架的超市收银系统毕业设计论文及源代码分析
    本研究基于JSP和SSM框架开发了一套超市收银系统,旨在提升超市收银效率和管理便捷性。系统运行环境包括JDK 1.8、Tomcat 7.0、MySQL数据库以及HBuilderX(也可使用WebStorm)作为前端开发工具,后端开发则采用Eclipse(IntelliJ IDEA亦可)。该系统实现了商品管理、订单处理、库存管理和报表生成等核心功能,具有良好的稳定性和扩展性。通过详细的设计与实现过程,本文为相关领域的研究提供了有价值的参考。 ... [详细]
author-avatar
jeson1232
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有