HTML学习笔记三

最新推荐文章于 2024-07-19 11:00:40 发布

阿茶阿茶

最新推荐文章于 2024-07-19 11:00:40 发布

阅读量79

点赞数

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/Flora_hsx/article/details/124203824

版权

HTML5 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一：小例程

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <title>第三天</title>
  </head>
	<body>
      <p>CSS</p>
      <hr>
      <h1 style="color:blue;text-align:center"> Look! Style and colors </h1>
      <h1 style="background-color:green;color:yellow;font-size:40px"> Look! Style and colors </h1>
		 <hr>
      <table border="1">
        <th colspan="2">三位数</th>
        <th rowspan="3">010</th>
        <tr>
          <td>000</td><td>001</td>
        </tr>
        <tr>
          <td>100</td><td>101</td>
        </tr>
      </table>

      <p>列表</p>
      <ol>
            <li>第一项</li>
            <li>第二项</li>
      </ol>
      <hr>
      <ul>
        <li>第一项</li>
        <li>第二项</li>
      </ul>
       <ul style="list-style-type:circle">
        <li>第一项</li>
        <li>第二项</li>
      </ul>
      <hr>
      <dl>
        <dt>姓名</dt>
        <dd>张三，李四，王五</dd>
        <dt>年龄</dt>
        <dd>25,26,27</dd>
        <dd>28,29,30,33</dd>
      </dl>
  </body>
</html>

二：知识点

1：style属性：样式属性

color:red : 字体颜色

background-color : 背景颜色

font-family : 字体

font-size : 字体大小

text-align : 对齐方式

2：表格由<table>标签来定义，border：是否显示边框；cellspacing：单元格间距；cellpadding：单元格边距

<tr>：定义表格每行

<td>：定义表格数据

<th>：定义表头，colspan：跨行合并；rowspan：跨列合并

3：无序列表<ul>标签，可以指定序号类型，例如大写字母(type="A")、小写字母(type="a")、罗马符号(type="i")等，每个列表项<li>标签

有序列表<ol>标签，可以添加style属性指定标识，disc、circle、square；每个列表项<li>标签，

自定义列表<dl>标签，每个列表项<dt>开始，每个列表项的定义<dd>开始。

阿茶阿茶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记三

一：小例程<!doctype html><html> <head> <meta charset="utf-8"> <style type="text/css"> </style> <title>第三天</title> </head> <body> <p>CSS</p> <hr>
复制链接

扫一扫