HTML新手学习心得

   HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。  
   超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。(以上来自于百度百科)
   HTML全称Hyper Text Markup Language,主要的作用是来做数据展示的。它的作用是制作网页,控制网页和内容的显示,插入图片、音乐、视频、动画等多媒体,通过链接来检索信息,使用表单获取用户的信息,实现交互。现有版本HTML4.0.1、HTML5.0。

标签分为单标签和双标签
例:

…… 为双标签 为单标签

在这里哈哈哈插入图片描述
其中 是文件头,表示页面的响应数据类型
lang 为语言 en 为英文,zh或cn为中文
Head 表示html的头的部分
Body 表示html的正文的部分
UTF-8 是Unicode码 全世界的通用码
Meta —metadata 源数据
Title 表示文档的标题

Hn 标签 表示文本的标题
N的取值范围 1-6
H1----h6
N的取值越大 字体越小 加粗
例:在这里插入图片描述

Form标签为表单
在这里插入图片描述

该标签一般不会单独使用 会和input标签联合使用
属性:action=“url” url 表示路径
路径分为绝对和相对
绝对路径是从盘符开始 要描述的文件路径 路径+文件的名称
相对路径是当前源文件和目标文件的相对路径位置
? 为目标文件的结束标识
&为属性连接符

HTTP协议
Get请求 和Post请求的区别。
两种请求方式都是能够让后台接受到数据的
Get请求 不安全 会把name属性的值暴露在地址栏上 地址栏默认大小为64kb
Post请求 安全 不会再地址栏上暴露name属性的值

Enctype 属性规定form表单提交的数据的编码
例如上传文件:二进制编码格式

input标签
Text 为文本框
Password 为密码框
Submit 为提交按钮
Radio 为单选框
Checkbox为多选框
Reset为重置按钮
Button为普通的按钮

Select 标签 选择框
多选 使用multiple属性

在这里插入图片描述
文本域:textarea
在这里插入图片描述
textarea标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸
br换行在 XHTML 中,把结束标签放在开始标签中。

Align属性=“center” 表示居中 left 居左 right 居右

div标签 网页的分区的显示
在这里插入图片描述
Align=“center” 表示居中 left 居左 right 居右

p标签标示对行的控制
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

body标签中
bgcolor ----背景颜色
英文单词:red green blue black
十六进制:#rrggbb 0-f #000000 -#ffffff
Background 使用图片作为背景 (不建议使用)

a标签 可以进行页面跳转 默认为get请求
在这里插入图片描述

Font 标签可以控制字体的大小和颜色
在这里插入图片描述

img标签
向网页中嵌入一幅图像。
在这里插入图片描述

img 标签并不会在网页中插入图像,而是从网页上链接图像。 标签创建的是被引用图像的占位空间。
img 标签有两个必需的属性:src 属性 和 alt 属性。
可选属性
在这里插入图片描述
表格布局:通过表格来对网站进行整体的布局
主要使用的就是表格的标签
Table ----表格
Tr ----表行
Th ----表头
Td -----表元
在这里插入图片描述
无序列表ul
有序列表ol
属性:
reversed反转
type类型中可以使用数字 字母 以及罗马数字
定义列表dl

marquee标签 跑马灯
font size color 字体颜色
b 加粗 也可以strong
i 斜体

视频vedio

在这里插入图片描述
音频audio在这里插入图片描述
常用的但是意义不明确的标签
nav 导航
slide侧栏
header头部
footer底部 等等
增加代码的可读性
label 标记标签 通常和表单中的文本框
span>用于修饰文本
4.0 版本frameset 多窗口
5.0版本中iframe内嵌窗口
注意:如果要使用frameset标签那么它不能和body标签连用

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值