4.HTML教程

mac2022-06-30  15

HTML语言概述

一.HTML基本格式 1.基本标签 *!doctype>文档类型声明,位于文档的最前面,它与浏览器的兼容性相关,删除<!doctype>就是把如何展示HTML页面的权力交给浏览器 *<html>根标签,标志着HTML文档的开始 *<head>头部标签,用来描述文章的标题,作者以及和其他文档的关系 *<body>主体标签,用于定于HTML文档所要显示的内容,一个HTML文档中只能有一个body标签 *<标签名 属性1=“属性值1” 属性2=“属性值2”...>网页元素</标签名> 使用此格式可以让标签提供更多信息 *<标签名/>单标签(空标签) *<!-注释内容->HTML注释 2.页面头部 *<title>网页标题名称</title>此标签给网页定义一个名字,必须位于<head>标签以内 *<meta name="名称" content="值"/>meta用于定义页面的元素信息, (1)设置网页关键字 <meta name="keywords" content="java桌面开发,Java EE开发,Android移动开发"/> (2)设置网页描述 <meta name="description" content="描述网站内容"/> (3)设置网页作者等版权信息 <meta name="author" content="WUST,Wzx"/> (4)使用 http-eauiv/content属性设置服务器发送给浏览器的头部信息 <meta http-equiv="名称" content="值"/> 一般默认为 <meta http-equiv="Content-Type" content="text/html";charset=utf-8"/>charset表示字符集编码为utf-8 (5)当需要页面自动刷新与跳转时,http-eauiv属性值为refresh,content属性值为数值(以秒为单位)和url地址,例如:定义某个页面5秒后跳转至淘宝页面 <meta http-equiv="refresh" content="5";url=https://www.baidu.com/> 3.控制标签 *<h1><h2><h3><h4><h5><h6>为经常用的6个标题标签 <hn align="对齐方式">标题文本</hn>l align属性对齐方式: left:左对齐 right:右对齐 center:居中对齐 *段落标签<p align="对齐方式">段落文本</p> *插入水平线<hr/> *强制换行<br/> 4.实体标签 (1)块级元素:块级元素一般从新的一行开始。 常用的块级元素有 <div>分隔文档<p>段落标签<h1>...<h6>标题标签<ol>有序列表<ul>无序列表<table>表格<form>表单 (2)行内元素行内元素和其他元素在同一行上 <a>超链接<br>换行<i>斜体<strong>粗体<label>鼠标点击 (3)行内块级元素行内块级元素和其他元素都在一行上 <img>图像<input> 5.特殊字符

特殊字符描述HTML代码空格空格符nbsp;<小于&It;>大于>&和&$人名币¥±正负±×乘×/除÷

6.html色彩 *rgb(0,0,0)到rgb(255,255,255)rgb分别为红色绿色蓝色也可以用十进制#000000-#FFFFFF 7.html度量单位 *px:像素单位 *%:百分比 em:相对于当前字体尺寸的倍数

参考书本《web前端开发技术》吴志祥 雷鸿
最新回复(0)