HTML基础1

基本标签

1. 基础标签
<h1>-<h6> 标题
<p>段落
<img src=" " width=" " height=" ">图片
<br/>换行
<hr/>水平线 (空元素要注意关闭)
<div>定义文档中的节或区域(块级)
<span>定义文档中的行内的小块或区域
2. 格式化标签
<b>粗体 <big>大号 <em>着重 <i>斜体 <small>小号 <strong>加重 <sub>下标 <sup>上标 <ins>插入字<del>删除字

3. 样式表

    内部样式表:
   <head>
   <style type="text/csss">
       body{background-color:red}
       p{margin-left:20px}
   </style>
   </head> 
     外部样式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
     内联样式:
<div style="   ">

4. 链接

<a href=" ">链接名</a>

属性:

<a href=" " target="_blank">  在新窗口打开链接
<a href="" target="iframe_a"> 在iframe中打开(iframe:在网页中打开网页)
<a name="tips">跳转到这</a>
<a href="#tips">点我跳转</a>  做锚,点击可跳转,tips可以是别的网页的

5. 表格

<table>
<caption>标题</caption>
    <tr>
        <th>表头</th>
    </tr>
    <tr>
        <td>内容</td>
    </tr>
</table>

属性:

<td colspan="跨格子的个数"></td>
<td rowspan="跨格子的个数"></td>  跨栏
<table cellpaddind="10"></table> 边距
<table cellspacing="10"></table> 格距
<table frame="above"></table> 上边框
<table frame="hsides"></table> 上下边框
<table frame="vsides"></table> 左右边框

6. 列表
无序列表:

<ul type="定义前面标的样式">
    <li></li>
    <li></li>
</ul>

有序列表:

<ol type="定义前面标的样式,数字,或者字母(有序)">
<li></li>
    <li></li>
</ol>

自定义:

<dl>
    <dt></dt>
        <dd></dd>
    <dt></dt>
        <dd></dd>
</dl>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值