HTML

本文详细介绍了HTML的基本结构,包括标题、段落、换行、水平线等元素,以及字体样式、图像、链接的使用。此外,还讲解了行内元素与块元素的区别,列表、表格的创建,页面结构分析,以及iframe内联框架和表单的实现。通过对这些基础知识的掌握,读者可以更好地理解和应用HTML进行网页开发。
摘要由CSDN通过智能技术生成

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

HTML基本结构

在这里插入图片描述

标题标签

<h1></h1>一级标签
<h2></h2>二级标签
<h3></h3>三级标签
<h4></h4>四级标签
<h5></h5>五级标签
<h6></h6>六级标签

段落标签

<p></p>

换行标签

<br/>

水平线标签

<hr/>

字体样式标签

粗体标签<strong></strong>
斜体标签<em></em>

注释和特殊符号

空格:&nbsp;
大于:&gt;
小于:&lt;

图像标签

<img src=" ">
src:图片地址
../   上一级目录
alt:图片的替代文字
title:鼠标悬停提示文字
width:图像宽度
heigth:图像高度

链接标签

<a href="path" target="目标窗口位置 ">链接文本或图像</a>
href:链接路径
target:表示窗口在哪里打开
			_blank 在新标签中打开

锚链接:
	   1.需要一个标记
	   2.跳转到标记  #标记

行内元素和块元素

1.块元素:无论内容多少,该元素独占一行
		(p,h1-h6...)
2.行内元素:内容撑开宽度,左右都是行内元素的可以排在一行
		(a,strong,em...)

列表

无序列表
		<ul>
			<li></li>
			<li></li>
		</ul>
有序列表
	<ol>
		<li></li>
		<li></li>
	</ol>
定义列表
	<dl>//标签
		<dt></dt>//列表名称
		<dd></dd>//列表内容
		<dd></dd>
	</dl>

表格标签

基本结构:单元格,行,列,跨行,跨列

表格:table
行:tr
列:td
跨列:colspan
跨行:rowspan

页面结构分析

在这里插入图片描述

iframe内联框架

<iframe src="path" name="mainframe"></iframe>
path:引用页面地址   mainframe:框架标识名

表单

<form action="" method=""></form>	
action:表单提交的位置,可以是网站,也可以是一个请求处理地址
method:post,get提交方式

在这里插入图片描述

文本输入框:<input type="text" name="" value="">
密码框:<input type="password" name="">
单选框:<input type="radio" value="">
多选框:<input type="checkbox" value="" name="">
下拉框:<select>
			<option></option>
			<option></option>
	</select>
文本域:<textarea name="" cols="" rows="">
文件域:<input type="file" name="files">
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值