HTML基础（二）-白红宇

HTML基础（二）

阅读量：6701 次

发布时间：2019-06-25

本文共 2379 字，大约阅读时间需要 7 分钟。

1.建立列表

格式：

^{¦　　　　　　　　　　　　　　　¦}

¦　　　　　　　　　　　　　¦

</ul>　　　　　　　　　　 </ol>

无序列表有序列表

例子：

This the first HTML page
     
      无序列表
      无序列表
      无序列表
     
     
      无序列表
      无序列表
      无序列表
     
     
      无序列表
      无序列表
      无序列表
     
     
      无序列表
      无序列表
      无序列表
     
     
      有序列表
      有序列表
      有序列表
     
     
      有序列表
      有序列表
      有序列表
     
     
      有序列表
      有序列表
      有序列表
     
     
      有序列表
      有序列表
      有序列表
     
     
      有序列表
      有序列表
      有序列表

运行结果：

2.在网页中插入图片

格式：

<img src = "图片路径" alt = "鼠标悬停时文字说明" width = "图片宽度" height = "图片高度" border = "图片边框宽度" hspace = "文字内容与图片边框间水平方向空白（与对齐方有关）" vspace = "文字内容与图片边框间垂直方向空白（与对齐方有关"> align = "对齐方式">

文字内容

</img>

例子：

This the first HTML pageThis a img

运行结果：

3.在网页中插入表格

格式：

<table heigh = "表格高度" width = "表格宽度" cellspacing = "内边框与外边框间距" cellpadding = "表格内元素与内边框间距" border = "外边框宽度" align = "表格对齐

<tr> //行

<td> //列

表格内元素

</td>

</tr>

</table>

例子：

This the first HTML page
     
                     a₁₁         a₁₂        
               a₂₁         a₂₂

运行结果：

4.细线表格

实际边宽为1pix的表格为细线表格。

具体实现：

第一种方法利用cellspacing和背景技术；

第二方法利用border-collapse属性。

代码如下：

This the first HTML page
     
                                 a₁₁                 a₁₂            
                          a₂₁                a₂₂            
      
     
     
     
                                 a₁₁                 a₁₂            
                          a₂₁                a₂₂

运行结果：

5.表格中元素位置

例子：

This the first HTML page

运行结果：

6.跨行与跨列表格

例子：

This the first HTML page

运行结果：

7.表单

例子：单行文本框、多选文本框、多选框

This the first HTML page
     
      
      
      
     
     
      chenyuming
      
      
     
     
      篮球
      文学
      中国象棋

运行结果：

8.HTML文件中的meta属性

meta的属性有两种：name和http-equiv

name属性主要用于描述网页，以便于搜索引擎查找、分类，这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词)。

http-equiv属性主要是对网页本身一些设置。

相关文章：

　　（1）

　　（2）HTML基础（二）

你可能感兴趣的文章

cAdvisor+InfluxDB+Grafana 监控Docker

查看>>

在 PowerPoint 2016 中嵌入网页

Find Minimum in Rotated Sorted Array II

查看>>

spring 第一天：1015

查看>>

JavaScript 几种简单的table切换

查看>>

DevExpress控件使用经验总结

查看>>

软件包管理之 fedora-rpmdevtools 工具介绍

TSQL 根据表名生成UPDATE SELECT INSERT

查看>>

Java第五次作业--面向对象高级特性（抽象类和接口）

WorldWind Java 版学习：1、启动过程

查看>>

cep

查看>>