学习点这: 本节学习网址
P1笔记
1.HTML——超文本标记语言(以.htm或.html为文件后缀保存)。
2.使用的编译工具——HBuilder
3.HTLM标签分为单标签(无属性的和有属性的)和双标签(无属性和有属性的,大部分是有属性的)。
4.HTLM网页文件包含3个部分:标记头区<HEAD>........</HEAD>,内容区<BODY>...........</BODY>和网页区<HTLM>.......</HTLM>。
5.
P2笔记
1.标题标签 h1~h6 依次递减 尽量少用h1标签 (会自动换行——此标签为块状元素)(默认加粗)
2.段落标签 p (会自动换行——此标签为块状元素)(块状元素的特点就是会自动换行)
3.换行标签 br 单标签
4.水平线标签 hr 单标签 常用属性 —— color(颜色),size(粗细),width(长度 —百分比或px),align(位置——靠左还是靠右,一般不设置的话默认水平居中)
5.列表分为无序列表和有序列表,无序列表 使用ul li (点的类型可以设置),有序列表使用 ol li(序号的类型也可以设置)
6.div标签 块级元素会自动换行 默认占所有的宽度,有多少内容占多少高度 可以设置width(宽度)height(高度)align(设置内容的对齐方式或者说是内容的位置,默认是左对齐)
7.span标签 不会自动换行,有多少内容占多少地方
8.格式化标签 font标签 常用属性——color(颜色),size(大小),face(字体风格)
pre标签 —预格式化标签,保留空格和换行
b或strong—加粗 i—倾斜 u—下划线 del—中划线 sub—下标 sup—上标
P3笔记
1.a标签 超链接标签,用于连接到一个新的URL
常用属性——href(必须属性):需要跳转的地址 target:窗口打开的方式(默认在当前窗口),是选择在当前页面打开,还是另开一个页面(常用的有_self:当前窗口 , _blank:在空白窗口)
2.a标签 作为锚点 <a href="#"> </a> #代表刷新页面(回到顶部的最简单方式)
锚点的使用 a标签用name属性,其他标签用id属性
3.图片 img标签 单标签 向网页中嵌入一张图片
常用属性:src:需要引入图片的地址(必须属性)alt:当前图片破损或不存在时,显示文本的内容 title:当鼠标悬停在图片上时所显示的文本 width:图片的宽度 height :图片的高度 border:图片边框
4.表格 表格标签(4个) table表格 tr行 td标准单元格 th表头(字体居中,加粗效果)
table属性:width:表格的宽度 border:边框 align:表格的对齐方式 style = "border-collapse:collapse;":表格边框合并
tr属性:align:行的内容的对齐方式 bgcolor:行的背景颜色