小马驹的HTML第一天学习内容总结

最新推荐文章于 2021-08-13 10:44:38 发布

weixin_51187788

最新推荐文章于 2021-08-13 10:44:38 发布

阅读量117

点赞数

分类专栏：菜鸟笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_51187788/article/details/109018378

版权

菜鸟笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML简介

	**什么是网页？**
	
 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
		
网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。
 
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。

	**什么是HTML？**
	
		HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。
		
		**超文本含义**
		
	   它可以加入图片、声音、动画、多媒体等内容（超越了文本限制 ）。
			
	   它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本 ）。
		HTML 不是一种编程语言，而是一种标记语言 (markup language)。

	**常用浏览器及其内核**
	
		Trident  Gecko  Webkit    Blink
			IE       火狐     safari    chrome、opera

web标准

		结构
			html      css   JavaScript
			身体      表现      行为
			如图：

在这里插入图片描述

**HTML骨架**

	<!DOCTYPE html>
		文档类型声明标签
		文档类型  html5
		位于文档最前面位置,在<html>标签之前
		
	html
		根标签
		
	lang
		en
		英文网页
		zh-CN
		中文网页
		作用于浏览器和搜索引擎
		
	head
		文档头部
		meta
		
		charset
		字符集
		"UTF-8"
		万国码
		
		title
		网页标题
	    作用于搜索引擎
	    
	    body
		文档主体
		后面学的标签，基本上都写在body里面

html标签

	   标签分类
	   
		双标签
			<p></p>,<a> </a>,<div> </div>
		单标签（空元素不需要装内容）
			<br >,<img>,<meta>
			
	  标签关系
	 
		嵌套关系（父子）  <div> <span></span></div>
		并列（姐妹）  <div></div><span></span>
	常用标签
	
		<p> </p>
			段落
		<br >
			换行
		<hn> </hn>
			标题  h1~h6
			
	文本格式化标签
	
		加粗
			<b> </b>
			<strong> </strong>
		倾斜
			<i> </i>
			<em> </em>
		下划线
			<u> </u>
			<ins> </ins>
		删除线
			<s> </s>
			<del> </del>
			
	布局标签
		<div> </div>
			大盒子
		<span> </span>
			小盒子
			
	图片标签 
		<img src="" >
		属性
			src
				必须属性
				指定图像文件的路径和文件名
			title
				鼠标经过图片时的提示文本
			alt
				图片不能正常显示时的替换文本
			width-宽度; height-高度; border-边框粗细
			
	**路径**
	
		相对路径
			以html文件的位置为参考基础
			同一级
				xx.jpg
			下一级
				/
					./images/xx.jpg
			上一级
				../
					../xx.jpg
					
		绝对路径
			目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径
			D:\web\img\logo.gif”或完整的网络地址“http://www.itcast.cn/images/logo.gif
			
	链接标签
		<a href=""></a> 
		属性
			href
				必须属性
				指定链接目标的url地址
				只有应用href属性才具有超链接功能
			target
				"_self"
					默认值
					在当前窗口打开
				"_blank"
					在新窗口打开
					
		链接分类
			外部链接
				http:// www.baidu.com
			内部链接
				网站内部页面之间的相互链接
				index.html
			空链接
				未确定链接明确目标
				#
			下载链接
				URL是一个文件或者压缩包，会下载这个文件
			网页元素链接
				在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接
			锚点链接
				快速定位到页面中的某个位置
				#id
		<base href="基准路径" target="跳转方式" />
		
	**注释标签**
		<!-- 内容 --> ctrl + / 
			单行注释
			多行注释
		给程序员看的
		
	特殊字符
		空格  &nbsp;
		小于号  &lt;
		大于号 &gt;
		
	**表格**
		用于显示、展示数据
		组成
		
			<table> </table>
				用于定义表格的标签
			<tr> </tr>
				用于定义表格中的行
				必须嵌套在 <table> </table>标签中
			<th> </th>
				用于定义表格的表头
				文字内容加粗居中显示
				必须嵌套在<tr></tr>标签中
			<td> </td>
				用于定义表格中的单元格
				必须嵌套在<tr></tr>标签中
				
		**属性**
			algin
				规定表格相对周围元素的对齐方式
				left,center,right
			border
				规定表格单元是否有边框
				1或""
				默认"",表示没有边框
			cellspacing  
				规定单元格和单元格之间的距离
				像素值
				默认2像素
			cellpadding
				规定单元格内容和单元格边框之间的距离
				像素值
				默认1像素
			width
				规定表格的宽度
			height
				规定表格的高度
				像素值或百分比

weixin_51187788

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小马驹的HTML第一天学习内容总结

HTML简介 **什么是网页？** 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 **什么是HTML？** HTML 指的是超文本标记语言 (Hyper Text Markup L
复制链接

扫一扫