初识Html标签

来源:互联网 发布:mac双硬盘安装双系统 编辑:程序博客网 时间:2024/06/01 08:19
案例一:网站信息显示页面1.什么是HTML?(Hyper Text Markup Language:超文本标记语言)超文本:功能比普通文本更加强大标记语言:使用一组标签对内容进行描述的一门语言(它不是编程语言)2.为什么要学习HTML?3.语法和规范?HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。HTML文件分为头部分()和体部分()HTML标签都是由开始标签和结束标签组成。(
)HTML标签不区分大小写,建议使用小写。4.HTML相关标签学习标题标签水平线标签
段落标签

字体标签属性:size:指定内容的大小 color:指定内容的颜色 face:指定内容的字体加粗:斜体:下划线:5.步骤分析:①创建一个html文件②创建一个标题标签显示公司简介③创建一条水平线标签④创建四个段落标签案例二:网站图片显示页面1.图片标签属性:src:指的是图片显示的路径(位置)绝对路径:E:\Users\ThinkPad\Desktop\0703JavaEE就业班\WEB01_HTML\资料\WEB01\image相对路径:①同一级:直接写文件名称或者./文件名称②上一级:../文件名称③下一级:写上目录名称/文件名称width:指定图片的宽度,取值可以是像素值,也可以是百分比height:指定图片的高度,取值可以是像素值,也可以是百分比alt:当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)案例三:网站友情链接显示页面1.列表标签有序列表:
无序列表:
2.超链接标签href:指定跳转的位置target:指定跳转页面显示的位置(取值:_self 、_blank)案例四:网站首页显示页面1.表格标签2.跨行跨列操作跨行:rowspan跨列:colspan案例五:网站后台系统页面框架集标签: