HTML基础

HTML基本结构

HTML⽂件的扩展名为 .html 或者 .htm
HTML⽂本的结构包括“头”部分(head)、和“主体”部分(body),其中“头”部提供关于⽹⻚的信
	息,“主体”部分提供⽹⻚的具体内容
HTML是由: 标签 和 内容 构成, 每个HTML⻚⾯都有两部分构成(head头和body体),其最外层
	是 <html>...</html> 标签包裹
HTML标签(标记)的语法是由 < 和 > 括起来。
HTML标签有两种: 双标签 : <标签名>....</标签名> 和 单标签 : <标签名 />
HTML标签中还可以添加属性: <标签名 属性名1=“值1” 属性名2=“值2” 属性名n=“值n”>....</标签名>

HTML常用文本标签

<hn>...</hn> 其中n为1--6的值。 标题标签(加粗、独⽴⾏)
<i>...</i> 斜体
<em>...</em> 强调斜体
<b>...</b> 加粗
<strong>...</strong> 强调加粗
<cite></cite> 作品的标题(引⽤)
<sub>...</sub> 下标 <sup>...</sup> 上标
<del>...</del> 删除线

HTML常用格式化标签

<br/> 换⾏
<p>...</p> 换段
<hr /> ⽔平分割线
列表:
<ul>...</ul> ⽆序列表
<ol>...</ol> 有序列表 其中type类型值:A a I i 1 start属性表示起始值
<li>...</li> 列表项
<dl>...</dl> ⾃定义列表
<dt>...</dt> ⾃定义列表头
<dd>...</dd> ⾃定义列表内容
<div>...</div> 常⽤于组合块级元素,以便通过 CSS 来对这些元素进⾏格式化
<span>...</span> 常⽤于包含的⽂本,您可以使⽤ CSS 对它定义样式,
	或者使⽤ JavaScript 对它进⾏操作。

HTML图像标签

在HTML⽹⻚中插⼊⼀张图⽚,使⽤img标签,他是⼀个单标签: <img />
其中img标签中常⽤属性如下:
src: 图⽚名及url地址
alt: 图⽚加载失败时的提示信息
title:⽂字提示属性
width:图⽚宽度
height:图⽚⾼度
border:边框线粗细

HTML超链接标签

格式: <a href="链接⽬标url地址">显示⽂字</a>
a标签的属性:
	href: 必须,指的是链接跳转地址
	target: 表示链接的打开⽅式:
	_blank 新窗⼝
	_parent ⽗窗⼝
	_self 本窗⼝(默认)
	_top 顶级窗⼝
	framename 窗⼝名
	title:⽂字提示属性(详情)
锚点链接:
	定义⼀个锚点: <a id="a1"></a> 以前使⽤的是 <a name="a1"></a>
	使⽤锚点: <a href="#a1">跳到a1处</a>

HTML表格标签

<table> 定义表格 border、width、cellspacing、cellpadding
<caption> 定义表格标题 align排列⽅式
<th> 定义表格的表头 align,valign,bgcolor、rowspan、colspan、width、height
<tr> 定义表格的⾏ align,valign,bgcolor
<td> 定义表格单元格 align,valign,bgcolor、rowspan、colspan、width、height
<thead> 定义表格的⻚眉 align,valign
<tbody> 定义表格的主体 align,valign
<tfoot> 定义表格的⻚脚 align,valign

HTML表单标签

<form>...</form> 表单标签
<input> 表单项标签input定义输⼊字段,⽤户可在其中输⼊数据
<select>...</select> 标签创建下拉列表
<textarea>...</textarea> 多⾏的⽂本输⼊区域
<button>...</button> 标签定义按钮
<fieldset> --fieldset 元素可将表单内的相关元素分组
<legend></legend> -- 标签为 <fieldset> 、 <figure> 以及 <details> 元素定义标题
<optgroup> html5标签-- <optgroup> 标签定义选项组

HTML框架标签

src:规定在 iframe 中显示的⽂档的 URL
name:规定 iframe 的名称
height:规定 iframe 的⾼度。
width:定义 iframe 的宽度。
frameborder:规定是否显示框架周围的边框。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值