尚硅谷_HTML基础 笔记

目录

  • HTML基本格式
  • HTML注释
  • 标签的属性
  • 文档声明
  • 乱码问题
  • 常用的标签
  • 实体(转义字符)
  • 图片标签
    • 图片标签的格式
    • src中的路径问题
    • 图片格式的选择
  • meta标签
  • XHTML语法规范
  • 网页间的跳转
    • 内联框架
    • 超链接
  • 文本标签
  • 列表
    • 无序列表
    • 有序列表&定义列表
    • 列表的相互嵌套

HTML基本格式

<html> /* html为根标签 */
	<head> /* head中的内容不会显示在网页上,是用来帮助浏览器解析页面的 */
			<title> /* title中的内容显示网页的标题,搜索引擎在检索页面时,会首先检索title标题中的内容,并影响排名 */
			</title>
	</head>
	<body> /* body中的内容是用来显示在网页上的 */
	</body>
</html>

/* 
	此外,将一个完整的标签称为元素,可以将元素和标签认为是一个同义词 
	

一级标题

上边的h1我们就称为元素

我是一个段落

p也是一个元素,em是p的子元素,p是em的父元素。 */

HTML注释

尚硅谷_HTML基础 笔记_第1张图片

标签的属性

尚硅谷_HTML基础 笔记_第2张图片

文档声明

尚硅谷_HTML基础 笔记_第3张图片
尚硅谷_HTML基础 笔记_第4张图片

乱码问题

尚硅谷_HTML基础 笔记_第5张图片

常用的标签

尚硅谷_HTML基础 笔记_第6张图片
百度百科标签列表

实体(转义字符)

尚硅谷_HTML基础 笔记_第7张图片
HTML 实体符号参考手册

图片标签

图片标签的格式

尚硅谷_HTML基础 笔记_第8张图片

src中的路径问题

在这里插入图片描述
关于相对路径和绝对路径

图片格式的选择

尚硅谷_HTML基础 笔记_第9张图片

meta标签

尚硅谷_HTML基础 笔记_第10张图片

XHTML语法规范

尚硅谷_HTML基础 笔记_第11张图片

网页间的跳转

内联框架

尚硅谷_HTML基础 笔记_第12张图片
效果如图所示:
尚硅谷_HTML基础 笔记_第13张图片

超链接

尚硅谷_HTML基础 笔记_第14张图片

文本标签

尚硅谷_HTML基础 笔记_第15张图片
尚硅谷_HTML基础 笔记_第16张图片
尚硅谷_HTML基础 笔记_第17张图片

列表

无序列表

尚硅谷_HTML基础 笔记_第18张图片

有序列表&定义列表

尚硅谷_HTML基础 笔记_第19张图片

列表的相互嵌套

尚硅谷_HTML基础 笔记_第20张图片

你可能感兴趣的:(前端,H5)