前端小白HTML——1.html基础

#HTML语言的基本规则# ##1.1 HTML基本结构 内是头部信息，不显示在网页上 内是网页内容 声明必须放在HTML文档第一行，不是html标签 依次说明内容、文档类型、编码方式

    
    


    网页主体内容

扩展名可以是htm或html ##1.2 html标签 ###1.21成对出现的标签 标题标签

~

段落标签

轮播图效果轮播内容 字体规范标签文本内容 居中标签

居中内容

加粗字体``` ###1.22单独出现的标签 分隔线

---

换行
` 例：

	
	


	
hello world!
hello world!
	
hello world!
hello world!
	
I'm FXM
	
bilibili
	
	    acfun
	

##1.3 标签 内容显示在浏览器标签栏上 ###meta标签 HTML中，meta标签没有结束标签。 在XHTML中，meta需要被正确地关闭 内容: 向浏览器传回一些有用的信息http-equiv="content-type" 规范文本内类型content="text/html; 字符编码，网页开发中一般用utf-8charset=UTF-8" 搜索引擎关键字name="keywords" content="搜索引擎关键字1 字2" 搜索引擎描述name="descripyion" content="描述1 描述2" 自动刷新，3：3秒，url：name="refresh" content="3;url=http://www.baidu.com" 加网页logo

html5标记，告诉浏览器把当前文档解释为html格式

容器是块级元素，显示时独占一行

---

也是块级元素

与之间的文本描述网页 与之间的文本是可见的页面内容 与之间的文本被显示为标题

与

之间的文本被显示为段落 ##1.4 html标记 定义：html命令记为标记 作用：用于控制html内容和外观 分类：

• 双标签
• 单标签 属性 作用：修饰（颜色、对齐等） ###body标签 属性： ####定义背景颜色 三种颜色： 1.web颜色是十六进制RGB颜色,#FF0000 2.六位颜色,两两相邻时可以缩写为#F00 3.常量形式 red,green 设置背景颜色 图片地址 图片是否重复 背景图片大小 text属性，改变文字颜色

	
	


	bilibili
	
	
I'm an orange

左边距leftmargin 上边距topmargin 分隔线属性

---

对齐方式可以是,left：左对齐,right:右对齐,justfy:两端对齐,center:居中 属性

	
	


	
hello world
	

	
 hello world  hello world  hello world  hello world

##1.5 一些特殊标签 段落标签

换行
快捷键shift+ctrl 加粗 和 斜体 删除 下标 上标 下划线

1.6 路径

相对路径：根据其自身为参照点寻找其他位置 background=../1.png ../表示寻找上级文件 ../../寻找上上级文件，以此类推 绝对路径：目标文件的完整路径，网页图片url https://www.baidu.com/img/bd_logo1.png

物理路径：某台计算机本地存储的路径 file:///e/1.png ##1.7 特殊符号 空格   大于号> > 小于号< < 引号 " @ © ##1.8 插入图片 图片格式：JPG、GIF、PNG、BMP 作用：显示图片 属性：src 声明图片路径 alt 图片无法显示时的替代信息 title 提示信息（光标放在图上） width：宽 height:高 align:周伟文本对齐方式（bottom默认、middle、top、left(图文)、right(文图)） hspace=像素:图片左右侧的空白 vspace=像素：图片上下的空白

##1.9标签

• 无序标签
  　　
  • 段落1
  　　
  • 段落2
  例：

	


    hello html!
    
This is a text.
    
 
    	
1.abc
    	
2.abc
    	
3.abc
    

转载于:https://my.oschina.net/u/3272626/blog/1858528