HTML1

最新推荐文章于 2024-07-11 16:34:57 发布

Radiancyo

最新推荐文章于 2024-07-11 16:34:57 发布

阅读量220

点赞数

文章标签：大数据 html

本文链接：https://blog.csdn.net/weixin_68895385/article/details/125501249

版权

1.HTML的概念于介绍

什么是HTML？

(1)html 指的是超文本标记语言(Hyper text markup language)

(2)html 不是一种编程语言，而是一种记录语言

(3)标记语言是一套标记标签

(4)html 使用标记标签来描述网页

2.HTML 标签

html标记标签通常被称为html标签

(1)html 标签是由尖括号包围的关键字，如<html>

(2)html 标签通常是成对出现的，<b> </b>

(3)标签对中的第一个标签也是开始标签，第二个标签是结束标签

(4)开始和结束也被称为开放和闭合标签

3.HTML 基础

3.1 html标题

HTML标题是通过<h1>-<h6>等标签进行定义的。

<h1>hello Word</h1>
<h2>hello Word</h2>
<h3>hello Word</h3>

3.2html 段落

html 段落是通过<p>标签进行定义。

<p>这个是第一个段落</p>
<p>这个是第二个段落</p>

3.3 html 连接

html的连接是通过<a> 标签来进行定义的。

<a herf="这个是路径哦" target=“ 这个是在新窗口打开” >可以点击的文字</a>

3.4html 图像

html 图像是通过<ing>标签进行定义

<img scr="图片路径" width="宽度" heigth="高度"/>

4.HTML元素

html 元素指的是从开始标签到结束标签的所以代码。

5.html表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

合并单元格：行colspan，rowspan

<table border="边框">
 <tr><th></th><th></th><th></th></tr>
 <tr><td></td><td></td><td></td></tr>
</table>

6.html列表

无序列表是一个项目的类表，此列表使用粗体远点进行标记

无须列表于<ul>标签，每个列表始于<li>

<ul>
 <li>第一段文字</li>
 <li>第二段文字</li>
</ul>

有序类表始于<ol>标签，每个类表始于<li>

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

7.html块

可以通过<div> <spen>将HTML元素组合起来

8.html表单

get/post区别
携带数据的位置：get地址栏有显示，post是在http协议中携带
携带数据的类型：get字符串，post各种类型
携带数据的大小：get 4kb，post大小没有限制
安全性：get差，post好
速度：get快，post慢

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<form action="demo05.html" method="post">
	<input type="text" name="sousuo"/><input type="text" name="sousuo1"/>
	<input type="submit"/>
</form>
</body>
</html>

文本框：<input type="text" name="sousuo"/>
	密码框：<input type="password" name="mima">
	单选按钮：<input type="radio" name="sex" value="1" checked>A<input type="radio" name="sex">B
	多选按钮：<input type="checkbox" name="c1" checked="">C1<input type="checkbox" name="c2">C2<input type="checkbox" name="c3">C3
	文件上传：<input type="file"/>
	隐藏域：<input type="hidden"/>
	提交按钮：<input type="submit"/>
	重置按钮：<input type="reset" value="重围"/>
	按钮：<input type="button" name="b1" value="按钮"/>
多行文本<testarea rows  cols  name ></testarea>