热门标签 | 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



推荐阅读
  • PHPMailer邮件类邮件发送功能的使用教学及注意事项
    本文介绍了使用国外开源码PHPMailer邮件类实现邮件发送功能的简单教学,同时提供了一些注意事项。文章涵盖了字符集设置、发送HTML格式邮件、群发邮件以及避免类的重定义等方面的内容。此外,还提供了一些与PHP相关的资源和服务,如传奇手游游戏源码下载、vscode字体调整、数据恢复、Ubuntu实验环境搭建、北京爬虫市场、进阶PHP和SEO人员需注意的内容。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • zabbix中文乱码的问题
    在使用zabbix时,有时候会出现中文乱码的问题,如下:因为zabbix自身对中文简体的支持不完善,需要我们手动的去上传新的字体进行替换:1、在windows获取字体库文件在Windows上的 ... [详细]
  • 请教大家一个javaweb方面的问题·········
    问题问题是这样的,jsp页面统一采用的是GBK的编码格式。web服务器使用的是JBOSS。在如下查询页面中输入中文的查询条件:在点击下一页的时候,要求查询条件也进行回显。但是会出现 ... [详细]
  • 前端Angular的Post导出Excel,内容全部乱码(不是文件名),而Get方式导出没问题 ... [详细]
  • mysql字符集和表字符集_Mysql数据库表引擎与字符集
    Mysql数据库表引擎与字符集1.服务器处理客户端请求其实不论客户端进程和服务器进程是采用哪种方式进行通信,最后实现的效果都是:客户端进程向服务器进程发送一段文本(MySQL语句) ... [详细]
  • 下面的代码在jsfiddle.net上可以运行,在chrome和Firefox上没反应?IDE是WebStorme代码一直出错,放到jsfiddle.net上却可以,弄到有点怀疑 ... [详细]
  • Windows7 64位系统安装PLSQL Developer的步骤和注意事项
    本文介绍了在Windows7 64位系统上安装PLSQL Developer的步骤和注意事项。首先下载并安装PLSQL Developer,注意不要安装在默认目录下。然后下载Windows 32位的oracle instant client,并解压到指定路径。最后,按照自己的喜好对解压后的文件进行命名和压缩。 ... [详细]
  • Python爬虫中使用正则表达式的方法和注意事项
    本文介绍了在Python爬虫中使用正则表达式的方法和注意事项。首先解释了爬虫的四个主要步骤,并强调了正则表达式在数据处理中的重要性。然后详细介绍了正则表达式的概念和用法,包括检索、替换和过滤文本的功能。同时提到了re模块是Python内置的用于处理正则表达式的模块,并给出了使用正则表达式时需要注意的特殊字符转义和原始字符串的用法。通过本文的学习,读者可以掌握在Python爬虫中使用正则表达式的技巧和方法。 ... [详细]
  • 如何在HTML中获取鼠标的当前位置
    本文介绍了在HTML中获取鼠标当前位置的三种方法,分别是相对于屏幕的位置、相对于窗口的位置以及考虑了页面滚动因素的位置。通过这些方法可以准确获取鼠标的坐标信息。 ... [详细]
  • 本文总结了解决python文件读写乱码问题的方法。其中包括错误的打开方式和正确的打开方式,并提供了相应的代码示例。建议在进行写入操作后先将文件关闭,然后再打开,最后再读取文件。若文件编码是utf-8,则需要在读取文件时添加decode('utf-8')。这样操作可以避免在打开记事本时出现乱码问题。 ... [详细]
  • 本文详细介绍了Python open()函数的用法,包括文件操作的流程和具体的打开模式。通过该函数,可以打开文件并进行读取、写入等操作。同时,还介绍了文件路径的两种形式和不同的打开模式。 ... [详细]
  • maven update 自动修改dynamic web module_Angular 8.0 正式发布! 支持更多 Web 标准
    作者|StephenFluin译者|王强Angular8.0.0版本正式发布了!8.0是重大版本升级,整个平台,包括框架、AngularM ... [详细]
  • WebStorm配置Node.js IDE
    开始刚学的时候一直用命令行来运行Node.js,网上找了些配置Node.jsIDE配置的贴子,说WebStorm配置IDE最简单,自己就试了下。1.首先安装Node这步就不说了2. ... [详细]
  • idea注册激活码破解方法
    idea注册激活码破解方法,https:www.yht7.comidea。详细ieda激活码不妨到云海天教程 ... [详细]
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社区 版权所有