HTML:Hyper Text Markup Language 超文本标记语言

2024-08-25 17:08

本文主要是介绍HTML:Hyper Text Markup Language 超文本标记语言,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.HTML是什么?
*Hyper Text Markup Language 超文本标记语言
*Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构.
*Markup Language 标签语言.该语言是由标签构成.
*HTML文档=网页
*浏览器解析HTML
2.如何创建一个HTML文档 .
*后缀名:.html .htm 都可以;
*由作为文档的根元素,文档包含两部分.头部分和体部分
*body中的信息在浏览器正文中显示
*head中的信息不会在正文中显示.
3.关于标签的问题
*一对尖括号包裹的一个单词,html标签不能以数字开头(对所有标签语言都适用).
*标签一般要成对出现,分别叫做开始标签和结束标签.(建议大家做到).XHTML.
*自闭合标签.

*html不区分标签大小写. 和 是一个标签,建议大家使用小写.
4.关于标签的属性?
*属性书写的位置.应该写在开始标签中,不要写在结束标签中
*属性一般情况下都是以键值对的形式出现的.
*属性的值必须使用双引号或者单引号包裹.可以嵌套.

html语言 是不识别文本中的换行符和空格的.

基本标签:

换行符和n个空格对html而言,会被识别成空白符.
<br>:换行标签.
<font>:文字标签size 1~7 从小到大color 颜色 1单词2#FF0000 3rgb(255,0,0) face 字体 
<hn>:换行标签 .自带变大,变小功能和换行功能.取值1~6
转义字符:&nbsp; 空格&lt;,&gt; 分别对应小于号大于号.
<p>:段落标签,上下空行
<hr>:水平线标签
还有一些不常用的 <b> <u> <i> <sub> <sup>

图像标签

img标签:图像标签,用来在网页上表达图形.src : 图片的位置alt : 图片的描述usemap:使用图片的热点
map标签:定义热点(地图)area标签:定义热点的信息shape:形状 圆形 矩形 多边形coords : 位置信息href: 点击之后 做什么

分类列表

dl: 定义一个列表
dt: 定义列表的一个标题
dd: 定义列表的每一项ol: order list 定义有序列表type: 决定序号类型  A a I i 1start: 从几开始计数
li: list item 列表每一项ul:unorder list 定义无序列表type:disc (原点)square circle 

a超链接标签

    href:如果要链接到站外需要打 http://如果要链接到站内不需要打协议名 发送邮件使用 mailto:迅雷协议:thunder:F1213ABCtarget:目标1._blank   :在新的页面打开我们的链接baidu搜索结果: 都是在新的页面打开google搜索结果:都是在原有页面打开2._parent  :在原有页面打开链接_self _top 3.framename : 
a标签 锚点的应用两部分1.定义锚点位置 <a name="_xxx"> </a>2.连接到锚点位置 <a href="#_xxx"> </a>

table:表格

border:表格的边框
cellpadding:表格的内边距
cellspacing:表格的外边距
width:指定表格的宽度像素的方式和百分比的方式
height :表格的高度tr: table row 行
td: table data cell 单元格
th: table head 表头rowspan:规定单元格占多少行colspan:规定单元格占多少列

框架标签:

frameset : 定义框架集合rows: 将页面按行分cols: 将页面按列分
frame:src: 指定框架页面显示的内容在哪noresize:不能改变框架的大小scrolling:是否显示滚动条frameborder:框架的边框宽度框架是可以嵌套来实现一些效果的.

head中标签:

<!-- 决定该页面的内容类型和 字符编码  -->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!-- refresh刷新页面  3秒后刷新页面   -->
<meta http-equiv="refresh" content="3;url=http://www.baidu.com" />1.元信息meta
2.引入类css
3.代码类cssjs

form标签:

    action:将表单提交到哪里method: get/post 表单默认提交方式get方式.get:将提交的键值对显示在url上. 1.不安全 2.url长度有限制post: 键值对没有显示在url上. 1.安全一些 2.理论上没有限制.
input 标签type:*text 文本框*password 密码框*radio 单选框*submit 提交按钮*reset 重置表单所有内容*checkbox 多选框*file 上传文件*hidden 隐藏字段,用户看不到,但是提交是有效果的.name:我们表单项以什么作为key提交value:我们表单项以什么作为值提交checked:如果type是单选或者多选,那么加上这个属性表示默认被选中readonly:使选项变成只读的.不能更改但是可以提交.disabled:使某个选项失效,不能更改.并且不能提交.
select 标签: 下拉菜单size属性:决定下拉选项的显示个数multiple属性:可以多选.option标签: 下啦菜单中的每一项selected:默认被选中
textarea标签:用来装大文本.name:属性,提交的key
如果想预定义一些内容在里面.那么,直接写到标签体中.  

注意:form要把所有需要提交的内容包裹起来即可;

其它标签:

pre:将内容原样输出.值得是格式上的
fieldset:修饰内容的.通常修饰form

Direction(方向) 属性:left ,right, down, up
Behavior(行为) 属性:scroll, alternate ,slide

这篇关于HTML:Hyper Text Markup Language 超文本标记语言的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1106146

相关文章

C语言进阶(预处理命令详解)

《C语言进阶(预处理命令详解)》文章讲解了宏定义规范、头文件包含方式及条件编译应用,强调带参宏需加括号避免计算错误,头文件应声明函数原型以便主函数调用,条件编译通过宏定义控制代码编译,适用于测试与模块... 目录1.宏定义1.1不带参宏1.2带参宏2.头文件的包含2.1头文件中的内容2.2工程结构3.条件编

Go语言并发之通知退出机制的实现

《Go语言并发之通知退出机制的实现》本文主要介绍了Go语言并发之通知退出机制的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1、通知退出机制1.1 进程/main函数退出1.2 通过channel退出1.3 通过cont

Go语言编译环境设置教程

《Go语言编译环境设置教程》Go语言支持高并发(goroutine)、自动垃圾回收,编译为跨平台二进制文件,云原生兼容且社区活跃,开发便捷,内置测试与vet工具辅助检测错误,依赖模块化管理,提升开发效... 目录Go语言优势下载 Go  配置编译环境配置 GOPROXYIDE 设置(VS Code)一些基本

从入门到精通详解LangChain加载HTML内容的全攻略

《从入门到精通详解LangChain加载HTML内容的全攻略》这篇文章主要为大家详细介绍了如何用LangChain优雅地处理HTML内容,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录引言:当大语言模型遇见html一、HTML加载器为什么需要专门的HTML加载器核心加载器对比表二

深入理解Go语言中二维切片的使用

《深入理解Go语言中二维切片的使用》本文深入讲解了Go语言中二维切片的概念与应用,用于表示矩阵、表格等二维数据结构,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧... 目录引言二维切片的基本概念定义创建二维切片二维切片的操作访问元素修改元素遍历二维切片二维切片的动态调整追加行动态

Go语言中make和new的区别及说明

《Go语言中make和new的区别及说明》:本文主要介绍Go语言中make和new的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1 概述2 new 函数2.1 功能2.2 语法2.3 初始化案例3 make 函数3.1 功能3.2 语法3.3 初始化

Go语言中nil判断的注意事项(最新推荐)

《Go语言中nil判断的注意事项(最新推荐)》本文给大家介绍Go语言中nil判断的注意事项,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1.接口变量的特殊行为2.nil的合法类型3.nil值的实用行为4.自定义类型与nil5.反射判断nil6.函数返回的

Go语言数据库编程GORM 的基本使用详解

《Go语言数据库编程GORM的基本使用详解》GORM是Go语言流行的ORM框架,封装database/sql,支持自动迁移、关联、事务等,提供CRUD、条件查询、钩子函数、日志等功能,简化数据库操作... 目录一、安装与初始化1. 安装 GORM 及数据库驱动2. 建立数据库连接二、定义模型结构体三、自动迁

Go语言代码格式化的技巧分享

《Go语言代码格式化的技巧分享》在Go语言的开发过程中,代码格式化是一个看似细微却至关重要的环节,良好的代码格式化不仅能提升代码的可读性,还能促进团队协作,减少因代码风格差异引发的问题,Go在代码格式... 目录一、Go 语言代码格式化的重要性二、Go 语言代码格式化工具:gofmt 与 go fmt(一)

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)