初识HTML5

tech2024-09-26  21

初识HTML5

1,HTML语法:①标签不分大小写②允许属性值不使用引号③允许部分属性的属性省略 2,HTML5标记:①双标记:也称体标记,是指有开始和结束两个标记符组成的标记 <标记名>内容</标记名>②单标记:也称空标记,是指用一个标记符号可完整的描述某个功能的标记<标记名/> 注释标记《!–注释标记–》<> 标记属性 (颜色 字体 位置 字号)<标记名 属性1=“属性值” 属性2 =“属性值”…>内容</标记名> 头部相关标记:<tittle> 只能含有一对<tittle></tittle> 之间的内容将显示在浏览器窗口的标题栏中 meta 定义页面元素信息 link可引用外部文件(可以多个)<link 属性="属性值"/> <stytle 属性="属性值">样式内容</style> 3,键值对"属性"=“属性值”的方式添加属性,其中属性和属性值是以“键值对”形式出现的 4,标题标记和段落 标题标记 h1 h2 (h1最大) 基本格式:<hn align="对齐方式">标题文本</hn> 段落标记:<p align="对齐方式">段落文本</p> 水平<hr 属性=“属性值”/> 强制换行<br/> 图像标记<img src=“图像URL”"/> alt图像的替换文本属性,在图像无法显示时告诉用户该图片内容 width height 用来定义图片的宽度和高度,只设置其中一个,另一个就可以按原图等比例显示 border 为图像添加边框,设置边框的宽度 vspace hspace 分别调整图像的垂直边距和水平边距 5,路径 相对路径:不带有盘符,通常是HTML5网页文件为起点,通过层级关系描述目标图像的位置 ①图像文件和html文件位于同一文件夹—只输入图③像文件的名称即可 ②图像文件位于HTML文件的下一级文件夹 —输入文件夹名和文件名,之间用“/”隔开 ③图像文件位于HTML文件的上一级文件夹 在文件名之前加入“…/”,如果是两级,则需要使用“…/…/” 绝对路径:带有盘符的完整路径 6,超链接标记

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

target 取值有两种—self默认值 —blank 在新窗口中打开 7,锚点链接 ①使用《a href=“id名”》链接文本</a>创建链接文本 ②使用相应的id名标注跳转目标的位置

最新回复(0)