HTML入门(上)

最新推荐文章于 2024-07-25 11:52:08 发布

超级呆呆

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量197

点赞数

分类专栏：前端文章标签： html 标签

本文链接：https://blog.csdn.net/wz2292667460/article/details/77162358

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.网页的摘要信息

<title>标签</title>：网页摘要信息利于浏览器解析和搜索引擎搜索显示在目录区

2.基本块级标签

标题标签：h1最大h6最小，前后隔行
<h1>一级标题</h1>
         <h2>二级标题</h2>
        <h3>三级标题</h3>
         <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>

段落标签：前后换行，类似教材中的段落
<p>……</p>

水平线标签：横线用于内容分割
<hr />
虚线：<hr style="border:1px dashed black" />

3.用于布局的块级标签

有序列表标签：<ol type="A">
                 <li>列表项1</li> 
                 … …  
                  </ol>
注：设置为A.B.C作为序号

无序列表标签：<ul>
                <li>列表项1</li> 
                ……  
                  </ul>

定义描述标签：<dl>
                <dt>标题</dt> 
                 <dd>描述1</dd> 
                ……
                  </dl> 
表格：<table>
        <tr>  
            <td>百度</td> 
            <td>新浪</td>
        </tr> 
……
注：<table>--表格   <tr>--行  <td>--列 单元格


注：在<head ></head >中设置表格的形状
<style>
             table,tr,td,th{
                 border:1px solid red;
                border-collapse: collapse;
            }
td{可单独设置td
border:1px solid red;
                border-collapse: collapse;
}
</style>

表单：用户登录框
<form action=”success.html”>
 账号：<input><br>
 密码：<input type="password"><br>
          <input type="submit" value="提交">
  <input type="reset" value="取消">
</form>
注：设置提交后跳转的页面
注：设置密码隐藏
注：提交按钮
注：重置按钮

4.行级标签

图像标签 ：<img  src= "1.jpg"  alt="图片找不到时显示的内容"   
title="鼠标悬浮时显示的内容" />

范围标签<span> ：无如何作用
<span >文本等行级内容</span>

居中：<center> </center>

文字样式： <font color="red" size="5px" fac="楷体">文字样式</font>

换行标签：<br/>

超级呆呆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML入门(上)

网页的摘要信息<title>标签</title>：网页摘要信息利于浏览器解析和搜索引擎搜索显示在目录区基本块级标签标题标签：h1最大h6最小，前后隔行<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</
复制链接

扫一扫

专栏目录