建网站程序下载,网站404页面制作方法,沈阳网站建设21anshan,WordPress集成tipask第2天【HTML基本元素】主要内容标题标签段落标签强制换行水平线图片超链接文本格式化标签列表表格学习目标一、标题标题#xff08;Heading#xff09;是通过 h1 - h6 标签进行定义的。h1 定义最大的标题。 h6 定义最小的标题。标题很重要请…第2天【HTML基本元素】主要内容标题标签段落标签强制换行水平线图片超链接文本格式化标签列表表格学习目标一、标题标题Heading是通过 h1 - h6 标签进行定义的。h1 定义最大的标题。 h6 定义最小的标题。标题很重要请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题最重要的其后是 h2次重要的再其次是 h3以此类推。二、段落段落是通过 p 标签定义的。p这是一个段落 /p p这是另一个段落/p三、换行如果您希望在不产生一个新段落的情况下进行换行新行请使用 br 标签br / 元素是一个空的 HTML 元素。p这个br段落br演示了分行的效果/p四、水平线hr/ 标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。属性color设置水平线的颜色width设置水平线的长度size设置水平线的高度align设置水平线的对齐方式默认居中可取值left|right五、图片img 标签定义 HTML 页面中的图像。属性Src路径相对路径、绝对路径Alt规定图像的替代文本。Width规定图像的宽度。Height规定图像的高度Title鼠标悬停在图片上给予提示六、超链接HTML使用标签 a来设置超文本链接。超链接可以是一个字一个词或者一组词也可以是一幅图像您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时箭头会变为一只小手。在标签a 中使用了href属性来描述链接的地址。默认情况下链接将以以下形式出现在浏览器中1一个未访问过的链接显示为蓝色字体并带有下划线。2访问过的链接显示为紫色并带有下划线。3点击链接时链接显示为红色并带有下划线。注意如果为这些超链接设置了 CSS 样式展示样式会根据 CSS 的设定而显示。a hrefurl链接文本/a七、文本格式化标签 p这是一个普通的文本- b这是一个加粗文本/b。/p pem强调文本/em/p pHe named his car iThe lightning/i, because it was very fast./p psmall Copyright 1999-2050 by Refsnes Data./small/p pstrong加粗文本/strong/p p这个文本包含 sub下标/sub文本。/p p这个文本包含 sup上标/sup 文本。/p pMy favorite color is delblue/del insred/ins!/p pMy favorite color is delblue/del insred/ins!/p效果如下八、列表8.1无序列表无序列表是一个项目的列表此列项目使用粗体圆点典型的小黑圆圈进行标记。无序列表使用 ul 标签浏览器显示如下ulli的属性type 拥有的选项disc 默认实心圆circle 空心圆square 小方块none 不显示!--无序--
8.2有序列表同样有序列表也是一列项目列表项目使用数字进行标记。 有序列表始于 ol 标签。每个列表项始于 li 标签。列表项使用数字来标记。浏览器中显示如下olli的属性type 拥有的选项1 表示列表项目用数字标号1,2,3...a 表示列表项目用小写字母标号a,b,c...A 表示列表项目用大写字母标号A,B,C...i 表示列表项目用小写罗马数字标号i,ii,iii...I 表示列表项目用大写罗马数字标号I,II,III...8.3自定义列表自定义列表不仅仅是一列项目而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义以 dd 开始。浏览器显示如下8.4本节作业久、表格表格在数据展示方面非常简单并且表现优秀通过与CSS的结合可以让数据变得更加美观和整齐。行、列、单元格 单元格特点同行等高、同列等宽。表格的基本语法创建一个3行3列的表格设置单元格的填充间距为10单元格之间的间距为0红色边框一般表格的第一行是标题并且是文本居中、加粗将td换成th。而某些数据需要居中但不希望加粗可以给td添加aligncenter表格的跨行跨列有时表格的结构并没有那么简单可能会存在跨行和跨列的情况跨行跨列跨行、跨列并存这个问题看似很复杂其实很简单在制作跨行和跨列的表格时只需按照如下步骤就可以轻松搞定首先做一个完整的表格注意虚线部分最终去掉这些虚线就是我们要的效果找出最左上角那个“侵占”其他单元格的单元格如下图标注数字的位置观察这个单元格“侵占”的是行还是列算上自己总共是几个(行数用r表示列数用c表示)如果是行在这个单元格上添加 rowspanr如果是列在这个单元格上添加 colspanc如果既有行又有列在这个单元格上添加 rowspanr colspanc把“被侵占”的单元格删掉删除顺序从右向左从上至下否则很容易出错按以上步骤完成一个跨行跨列的表格本节作业
