HTML基础知识点

Silent Land

已于 2022-05-17 19:38:19 修改

阅读量216

点赞数

分类专栏： HTML 文章标签： HTML

于 2019-07-20 21:16:42 首次发布

本文链接：https://blog.csdn.net/weixin_44757417/article/details/96631265

版权

HTML 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

HTML

HTML: Hyper Text Markup Language 超文本标记语言
超文本: 比普通文本功能更加强大,可以添加各种样式
标记语言: 通过一组标签.来对内容进行描述. <关键字> , 是由浏览器来解释执行
代码：

<html>
	<head>
		<meta charset="UTF-8">
		<title>网站信息页面</title>
	</head>
	<body>
</html>
	b : 加粗

	i : 斜体

	strong: 加粗, 带语义标签

 	em:  斜体, 带语义

网站图片信息：

img 标签:

	常用的属性;

		width : 宽度

		height: 高度

		src :  指定文件路径

		alt:  图片加载失败时的提示内容

相对路径

		./		代表的是当前路径
		../ 	代表的上一级路径
		../../	上上一级路径

列表标签

	无序列表:  ul

		type: 小圆圈,小圆点, 小方块

	有序列表: ol

		type: 1,a ,A,I,

		start : 指定是起始索引

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li><a href="http://www.baidu.com" target="_blank">百度</a></li>
		</ul>
	</body>
</html>

总结：

网站信息案例
- 字体标签 font
  - color: 颜色
  - size: 大小 1~7
  - face: 改变字体
- p 段落标签
- h标题标签 : 1~6
- br 换行
- hr 水平线
- b 加粗
- i 斜体
- strong : 加粗包含语义
- em : 斜体包含语义
网站图片案例
- img标签
  - src : 指定图片的路径
  - width: 宽度
  - height: 高度
  - alt : 图片加载错误时的提示信息
- 相对路径:
  - ./ 代表的是当前路径
  - …/ 代表的上一级路径
  - …/…/ 代表的上上一级路径
友情链接:
- ul: 无序列表
  - type :
- ol: 有序列表
  - type : 样式
  - start : 起始索引
- li : 列表项
- a 超链接标签
  - href : 要访问的链接地址
  - target : 打开方式
网站首页
- table标签
  - border: 指定边框
  - width : 宽度
  - height : 高度
  - bgcolor : 背景颜色
  - align : 对齐方式
- tr标签
- td标签
  - colspan: 跨列操作
  - rowspan: 跨行操作
- 表格单元格的合并
- 表格的嵌套