HTML

HTML

HTML是一门语言,所有的网页都是用HTML这门语言编写出来的

HTML:超文本标记语言

超文本:超越了文本的限制,比普通文本更强大,除了文字信息,还可以定义图片、音频、视频等内容

标记语言:由标签构成的语言

HTML运行在浏览器上,HTML标签由浏览器来解析

HTML标签都是预定义好的。例如:使用<img>展示图片

W3C标准:网页主要由三部分组成

结构:HTML

表现:CSS

行为:JavaScript

 

HTML快速入门

  1. HTML文件以.htm.html为扩展名
  2. HTML结构标签:

<HTML>定义HTML文档

<head>定义文档的信息

<title>定义文档的标题

<body>定义文档的主体

  1. HTML不区分大小写
  2. HTML标签属性值 单双引皆可
  3. HTML语法松散

 

HTML基础标签

<h1>-<h6>

<font>定义文本的字体、字体尺寸、字体颜色

<font face=”楷体” size=5” color=#ffc0cb>乾坤未定</font>

<b>定义粗体文本

<i>定义斜体文本

<u>定义文本下划线

<center>定义文本居中

<p>定义段落

<br>定义拆行

<hr>定义水平线

 

图片、音频、视频标签

<img>定义图片:

src:规定显示图像的URL(统一资源定位符)

Height:定义图像的高度

Width:定义图像的宽度

<autio>定义音频

src:规定音频的URL(统一资源定位符)

Controls:显示播放控件

<video>定义视频

src:规定视频的URL(统一资源定位符)

Controls:显示播放控件

资源路径:1.绝对路径

            2.相对路径

    尺寸单位:1.px像素

            2.百分比:-->

 

 

<a>超链接标签

Href:指定访问资源的url

Target:指定打开资源的方式

_self:默认值,在当前页面打开

_brank:在空白页面打开

 

列表标签

<ol>有序列表

<li>定义列表项

<ul>无虑列表

 

表格标签

Table:定义表格

Border:规定表格边框的宽度

Width:规定表格的宽度

Cellspace:规定单元格之间的恐怖

Tr:定义行

Align:定义表格行的内容对齐方式

Td:定义单元格

Rowsapn:规定单元格可横跨的行数

Colspan:规定单元格可横跨的列数

Th:定义表头单元格

 

布局标签

<div>:用于定义HTML文档中的一个区域部分,经常与CSS一起使用,用来布局网页

<span>用于组合行内元素

 

表单标签

表单:在网页中主要负责数据采集功能,使用<form>标签定义表单

表单项(元素):不同类型的input元素,下拉列表,文本域等

<form>定义表单

<input>定义表单项,通过type属性控制输入形式

<label>为表单项定义标注

<select>定义下拉列表

<option>定义下拉列表的列表项

<textarea>定义文本域

Form:定义表单

Action:规定当提交表单时向何处发送表单数据,url

Method:规定用于发送表单数据的方式

Get:浏览器会将数据直接附在表单的action URL之后。大小有限制

Post:浏览器会将数据放到http请求消息体中。大小无限制

 

表单标签-表单项

Type取值  

Text 默认值,定义单行的输入字段

Password 定义密码字段

Radio 定义单选按钮

Checkbox 定义复选框

File 定义文件上传按钮

Hidden 定义隐藏的输入字段

Submit 定义提交按钮,提交按钮会把表单数据发送到服务器

Reset 定义重置按钮,重置按钮会清除表单中的所有数据

Button 定义可点击按钮

posted @ 2022-10-25 21:22  代不动码  阅读(499)  评论(0)    收藏  举报