HTML基础重点_一般标签、常用标签和表格

2020-03-24 18:23:56

字体：大中小

来源：转载

供稿：网友

bgcolor 页面背景色 text 文字颜色（规定所有文本颜色） topmargin 上页边距 leftmargin 左页边距 rightmargin 右页边距 bottomargin 下页边距background 背景壁纸注：背景色和背景壁纸两者选一1.1、一般标签1.1.1、格式控制标签 font color= face= size= /font 控制字体；color= ##FF0000 ；face，字体；size，字体大小。 b /b 字体加粗 i /i 倾斜 u /u 下划线 strong /strong 字体加粗（强调，语气加强用） em /em 字体倾斜（强调，语气加强用） center /center 居中注： center /center 默认前后若有其他，执行前后换行，保证自身是一个整体，然后居中显示。 br 或 br / 相当于回车（快捷键：shift + enter） nbsp；表示空格也可以在设计页面中按ctrl+shift+space1.1.2、内容容器标签 h1 /h1 h6 /h6 标题（会自动换行）。HTML标题（Heading）是通过 h1 - h6 等标签进行定义的。注： h1 /h1 h6 /h6 重要性依次递减，依附于现有的默认尺寸进行递增或递减。并且前后若有其他，执行前后换行，并空开一行，保证自身是一个整体 p /p 段落标签（段落之间空行）注： p /p 前后若有其他，执行前后换行，并空开一行，保证自身是一个整体 div /div 层标签（默认占一行） span /span 层标签（默认用多大空间占多大空间） ol type= 1 --有序列表，序号为1,2,3 ，引号中可以更改序号形式 li 内容 /li li 内容 /li /ol 注：默认自带序号，自带换行，前后若有其他，执行前后换行，并空开一行，保证自身是一个整体上面 ol 改为 ul 则为html' target='_blank'>无序列表，其不具备自带换行功能。1.2、常用标签超链接标签 a href= 超链接地址 target= _blank 超链接的文字 /a --href（hyperlink reference）；_blank是在新窗口打开。第一步：做锚点的标签。 a name= /a 第二步：做锚点链接。 a href= 目标链接的name的值 /a 图片标签 img src= 图片地址 alt= 文字 width= height= / --高跟宽设置一个即可，显示图片会按比例缩放。alt在图片无法加载时，显示文字，还可帮助搜索引擎搜索。 img / 必须单独出现。1.3、表格 table /table 表格 width:宽度。可以用像素或百分比表示。常用960像素。 border：边框。常用值0。 cellpadding：内容跟单元格边框的边距。常用值0。 cellspacing：单元格之间的间距。常用值0。 align:对齐方式。 bgcolor:背景色。 background:背景图片。 tr /tr 行 align：一行的内容的水平对齐方式 valign：一行的内容的垂直对齐方式 height：行高 bgcolor:背景色 background:背景图片 td /td 单元格 th /th 表头，单元格的内容自动居中、加粗 align:单元格的内容的对齐方式 valign：单元格的内容的垂直对齐方式 width：单元格宽度 height：单元格高度 bgcolor:背景色 background:背景图片内容必须放在单元格里，单元格必须放在行里，行必须放在表格里。设置单元格行高、列高时，会同时影响对应的行或列单元格合并：（建议尽量用表格嵌套） colspan= n 合并同一行单元格（后面写代码要减去相对应的列） rowspan= n 合并同一列单元格（从第二行开始减去对应的列）基于以上的基础知识，下面给出程序代码和运行结果程序代码：
!DOCTYPEhtmlPUBLIC -//W3C//DTDXHTML1.0Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd htmlxmlns= http://www.w3.org/1999/xhtml head metahttp-equiv= Content-Type content= text/html;charset=utf-8 / title phpstudy /title /head bodybgcolor= #00FFCC aname= top /a 今天 br 天气 br/ 不错。 br/ br/ fontsize= 45 color= red 字体格式控制标签： br/ b 文字加粗方式1，b标签 /b br/ strong 文字加粗方式2，strong标签 /strong br/ i 文字倾斜方式1，i标签 /i br/ em 文字倾斜方式2，em标签 /em br/ u 文字加下划线，u标签 /u 123 center 居中标签，center，默认，前后若有其他，执行前后换行，保证自身是一个整体，然后进行居中显示。 /center 456 br/ br/ 内容容器标签： br/ 123 p p标签，段落标签，若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体， /p 456 ol ol有序列表 li 默认自带序号 /li li 自带换行 /li li 若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体 /li /ol ul ul无序列表 li 默认不自带序号 /li li 自带换行 /li li 若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体 /li /ul ahref= http://www.baidu.com target= _top 百度一下 /a br/ imgsrc= 123.jpg title= 这是两个美女 alt= zheshilianggemeinv / br/ br/ ahref= http://www.qq.com imgsrc= 123.jpg width= 104 / /a br/ br/ imgsrc= 123.jpg width= 100 height= 200 / /font h1 h1~h6标签，标题控制标签 /h1 h2 若前后有其他，执行前后换行，并且空开一行，保证自身是一个整体 /h2 h3 重要性依次递减 /h3 h4 依附于现有的默认尺寸，进行增加或减小 /h4 div >运行结果：

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：详解HTML中相似的标签和属性的有什么区别

下一篇：html事件属性的基本知识详细介绍