新手学习HTML与基础标签快速上路.pptxVIP

HTML及基础标签 —— 筱娴个人博客 一、认识HTML 1. HTML是什么 HTML 不是一种编程语言，而是一种标记语言，由一些标签组成 HTML 使用标记标签来描述网页，一个Html文档就是一个网页。 2. HTML标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag) (一) HTML标签是由尖括号包围的关键词，比如 html (二) HTML标签通常是成对出现的，比如body和/body 标签对中的第一个标签是开始标签，第二个标签是结束标签； 也有单标签，比如br /、img / 二、网页代码模板认识 DOCTYPE声明 !doctype html 文本主体部分 表示申明,申明当前这个文档类型。 它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效 htmlhtml/ 所有东西是写在这个标签里的，网页文档的根标签。 head/head 这里就相当于人的头部分，这里面大部分放的是设置网页的信息，像设置网页的编码格式、写这个的作者、使用的什么编辑器、设置关键词、设置描述、网页的标题等，都是放在head里面的。 编码集、三要素 utf-8 === utf-8 gbk/gb2312 === 系统默认 或者 ANSI body/body 同样比作人的身体部分,大部分是可视化标签（网页内容）。 基础标签的认识1 div/div DIVision 最常见标签，网页中用来做整体结构的一个长方形区块； 通过css来控制区域的宽度、高度、背景等等样式。 p/p span/span p、span标签通常被用来放入文字； p标签，可设置宽高的文字区块； span标签，通常用来组合文字，来设置单独样式； 可以但不限于放入文字。 br /换行 hr /横线换行，水平分割线。 del/del文本删除线，不常用。 u/u文本下划线，不赞成使用。 基础标签的认识2 特殊字符 空格 nbsp; 大于号 gt; 小于号 $lt; 引号 quot; 版权号 copy; …… strong/strong b/b 放在其中的文字会被加粗； strong标签的强调程度较强，用于SEO优化； b标签是单纯的视觉加粗效果； 可以但不限于放入文字。 em/em i/i 放在其中的文字会变成斜体； strong标签的强调程度较强，用于SEO优化； 基础标签的认识3 a/a 超链接标签，用于给页面中的内容添加超链接； a href= target=内容/a； href属性规定点击后所跳转的页面； target属性规定新页面打开方式 _self 当前窗口打开 _blank 新窗口打开 _new 同一新窗口 锚点标签，用于给同一页面内，内容间的跳转创建锚点链接； a href=#锚点名/a a id=锚点名/a