HTML与CSS基础教程-优快云博客

br单标签

文档编码

在这里插入图片描述

常用标签

在这里插入图片描述

两个强调：加粗、倾斜

HTML基本语法

在这里插入图片描述

<hr color=="green"  >

HTML特殊符号

在这里插入图片描述
&#128512 ------>一个笑脸
参考表情对应编码

div标签

没有具体含义，用来划分页面的区域，独占一行

span

没有实际意义，主要应用在对于文本独立修饰的时候，内容有多宽就
占用多宽的空间距离。（不会破坏结构）

列表

在这里插入图片描述

1有序

1、li里面可以随意放标签，但是ol里面只能防正li，
2、数字是自动生成的
3.type:1,a,A,i,I
start：取值只能是一个数字
在这里插入图片描述

2无序

1、ul单面只能放li，li里面可以放其他标签
2、默认的是黑色的实心圆
3. type, disc，circle ，square ，node

<ul type=" node">
        <li></li>
        <li></li>
        <li></li>
    </ul>

3自定义列表

在这里插入图片描述
文字（dd）用于描述图片（dt）

图片标签的属性

在这里插入图片描述

超链接标签

在这里插入图片描述

a为超链接标签

表格

1表格的基本结构

在这里插入图片描述

2表格的基本属性

3tr的属性

在这里插入图片描述

4td的属性

在这里插入图片描述
eg：

<td bgcolor="red"align="right".valign="top">111</td>

单元格中文字处于右上角

5表格的合并

在这里插入图片描述

6案例

<body>
<table border="1"  bordercolor="red" cellspacing="0" cellpadding="0"algin="center" >
    <tr height="50" algin="center">
        <td width="100">会员姓名</td>
        <td width="150"></td>
        <td width="100">出生日期</td>
        <td width="150"></td>
    </tr>
    <tr height="50" algin="center">
        <td>身份证号</td>
        <td colspan="3"></td>
      
    </tr>
    <tr height="50" algin="center">
        <td>通信地址</td>
        <td colspan="3"></td>
      
    </tr>
    <tr height="50" algin="center">
        <td>联系电话</td>
        <td colspan="3"></td>
      
    </tr>
    <tr height="50" algin="center">
        <td>会员卡号</td>
        <td colspan="3"></td>
      
    </tr>
</table>
</body>