HTML教程:设置地址文字<address>

需积分: 7 0 下载量 83 浏览量 更新于2024-08-25 收藏 10.57MB PPT 举报
"这篇教程主要介绍了HTML中的`<address>`标签的使用,以及HTML的基础知识,包括HTML的概念、文档编写方法、网页文件命名规则、HTML文件结构和元素属性等内容。" 在HTML中,`<address>`标签是用来表示文档或者文章的作者或者联系信息的地址文字。它的基本语法是在`<body>`标签内,使用成对的`<address>`和`</address>`标签来包裹需要突出显示的地址信息。例如: ```html <body> <address>请在此添加地址信息</address> </body> ``` HTML,全称为HyperText Markup Language,即超文本标记语言,是一种用于创建网页的标准标记语言。它允许开发者通过简单的标记结构来组织和格式化内容。HTML文件可以被手动编写,使用诸如记事本等文本编辑器,或者使用像Frontpage、Dreamweaver这样的可视化编辑器。此外,HTML文件也可以由Web服务器动态生成。 编写HTML文件时,应遵循一些命名规范,例如文件通常以`.htm`或`.html`为扩展名,避免使用空格和特殊字符,可以使用下划线 `_`,并区分大小写。首页文件通常命名为`index.htm`或`index.html`。 HTML文件的结构通常包含三个主要部分:`<html>`、`<head>`和`<body>`。`<html>`是整个文档的根元素,`<head>`包含了文档元信息,如标题 `<title>` 和元数据 `<meta>`,而`<body>`则包含可见的网页内容。 HTML元素是构成文档的基本单元,它们成对出现,如`<body>`和`</body>`,结束标签前加斜杠表示关闭元素。元素还可以包含属性,例如`<p align="center">`中的`align`属性用于设置段落的对齐方式,属性值需用双引号包围。 在教程的示例中,第二张网页`02.htm`使用了`<p>`标签,并设置了`align`属性为`center`,使得文本居中显示: ```html <html> <head> <title>第一张网页</title> </head> <body> <p align="center">欢迎光临我的主页!</p> </body> </html> ``` 这个教程不仅讲解了`<address>`标签的使用,还涵盖了HTML的基础知识,对于初学者理解HTML文档的结构和元素属性具有很好的指导意义。

<template> <el-container style="min-height: 100vh"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="考核指标" width="150"></el-table-column> <el-table-column prop="date" label="具体事项(原)" width="150"></el-table-column> <el-table-column label="具体事项(新)"> <el-table-column prop="province" label="考核要点" width="120"></el-table-column> <el-table-column prop="city" label="计分方法" width="120"></el-table-column> <el-table-column prop="address" label="考核目标" width="300"></el-table-column> </el-table-column> <el-table-column prop="date" label="考核周期" width="150"></el-table-column> </el-table> </el-container> </template> <script> export default { data() { return { tableData: [{ date: '2016-05-03', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', zip: 200333 }, { date: '2016-05-02', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', zip: 200333 }, { date: '2016-05-04', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', zip: 200333 }, { date: '2016-05-01', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', zip: 200333 }, { date: '2016-05-08', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', zip: 200333 }, { date: '2016-05-06', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', zip: 200333 }, { date: '2016-05-07', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', zip: 200333 }] } } } </script>将这些代码的表格设置为铺满全屏

2023-06-10 上传