HTML基础知识上

笔记 同时被 2 个专栏收录
1 篇文章 0 订阅
2 篇文章 0 订阅

一、HTML知识总结

1、表头标签

关键字:<meta name="keywords" content="关键字"/>
网页的作者:<meta name="author" content="网页的作者"/>
页面每30秒刷新当前页面:<meta http-equiv="refresh" content="30"/>
简介:<meta name="description" content="简介"/>
样式:<style type="text/css"></style>
引入css样式:<link rel="stylesheet" href="地址"/>
引入js样式:<script src="地址"></script>

2、常用标签、属性
(1)、结构标签

<div></div>
<ul type="circle/disc/square">//空心圆、实心圆、实心方块
	<li>无序列表</li>
</ul>
<ol type="A" start="4" reversed>//start:从哪里开始 reversed:数据反过来
	<li>有序列表</li>
</ol>
<dl>
	<dt>自定义列表</dt>
	<dd></dd>
</dl>

(2)、文本标签

pspanemstrong/bi
段落标签预留格式斜体、强调加粗斜体
<font color="yellowgreen" size="5" face="宋体">周五</font>

(3)、资源标签

<img src="地址" width="" height="" border="1" alt="当图片不能显示,提示的文字">
视频标签:<video autoplay="autoplay" controls="controls">
			<source src="视频地址"></source>
音频标签:</video>
		<audio controls="controls" autoplay="autoplay">
			<source src="音频地址"></source>
		</audio>
controls:设置播放暂停按钮
autoplay:自动播放

(4)、超链接

<a href="地址" target="_black">百度</a>//_black:新的页面打开、_self:当前页面打开(默认)
		<a href="mailto:116546@qq.com" target="_self">QQ邮箱</a>//邮箱的超链接

(5)、其它标签、属性

<hr color="blue"  width="200" size="3" align="center"/>//水平线
<br/>//换行
<h1>-</h6>//标题标签
语义化标签:提高代码可读性
	<header>:页眉
	<footer>:页脚
color
	color:rgb(255,0,0);//不建议使用
	color:#FF0000;
	color:red;

3、表格标签

<table></table>//表格:由标题、表头、表格主体、表尾组成。
		<caption>标题</caption>
		<thead>
			<tr>
				<th>表头</th>
			</tr>
		</thead>
		<tbody>
			<td>内容</td>
		</tbody>
		<tfoot>表尾</tfoot>
合并行:colspan="";
合并列:rowspan="";
边框:border="";
空格:&nbsp;
单元格与单元格之间的距离:cellspacing="0"
对齐方式:align="center"
背景色或某个单元格颜色:bordercolor="red"

总结:代码这东西得多写多练,才不会忘记,光看是没有效果的。
未完待续……

  • 1
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论
请先登录 后发表评论~
©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页

打赏作者

杨码

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值