html基础01

最新推荐文章于 2024-11-12 23:16:45 发布

一只BI鱼

最新推荐文章于 2024-11-12 23:16:45 发布

阅读量448

点赞数

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

本文链接：https://blog.csdn.net/weixin_46624670/article/details/121275304

版权

笔记专栏收录该内容

146 篇文章 0 订阅

订阅专栏

学习视频：https://www.bilibili.com/video/BV1Y7411K7zz?p=3
**html基本书写规范 **

<html>                                         <!--表示网页起始位置-->
	<head>                                     <!--头信息-->
			<title>标题</title>              <!--标题-->
	</head>
	<body> 
	  页面主体内容                                <!--页面主体内容-->
	</body>
</html>                                           <!--标志网页的结束-->

标签：
标签大小写不敏感
标签有自己的属性（1）基本属性（2）事件属性
标签分单标签和双标签
（1)单标签 <标签/> br 换行 hr 水平线
（2）双标签<标签></标签>
标签语法：
标签要有文本内容，标签要正确关闭，标签内属性要有值，且要加引号
font标签是字体标签，可修改颜色，字体，大小（1-7）
特殊字符：

&lt;br&gt;

&nbsp 可以表示空格

标题标签：分h1-h6
align属性可以设置左对齐（默认），右对齐，中心
超链接标签：
href属性指定链接，target属性指定是否打开新的跳转页面

<a href="www.baidu.com">百度</a>               <!--href属性指定超链接-->
<a href="www.baidu.com" target="_self">百度_self</a><br/> <!--在当前页面跳转--><a href="www.baidu.com" target="_blank">百度_blank</a><br/>  <!--跳转到新的页面-->

列表标签
无序列表，有序列表
type可以修改列表前面符号的显示

<ul>
        <li>宋江</li>
        <li>晁盖</li>
        <li>林冲</li>
        <li>武松</li>
    </ul>
   
    <ol>
    <li>宋江</li>
    <li>晁盖</li>
    <li>林冲</li>
    <li>o武松</li>
</ol>
 <ul type="none">
        <li>宋江</li>
        <li>晁盖</li>
        <li>林冲</li>
        <li>武松</li>
    </ul>

在这里插入图片描述

图片标签
src属性可以指定路径
border属性可以指定边框
alt属性可以设置在找不到图片时显示的文字
路径可以使用相对路径和绝对路径

表格
用table标签表示表格
用tr表示行
用td表示单元格
同样使用border属性表示边框
使用width和height属性设置表格的宽度和高度
用th标签等价于td标签加align属性居中的效果
cellspacing 可以设置单元格之间的间距
表格可以做成跨行跨列的效果
colspan属性实现指定跨几个单元格（跨列）
rowspan属性实现指定跨几个单元格（跨行）

<table align="center" border="1" width="300" height="300" cellspacing="5">
        <tr>
            <td colspan="2">1.1</td>
            <td>1.3</td>
        </tr>
        <tr>
            <td>1.1</td>
            <td>1.2</td>
            <td>1.3</td>
        </tr>
        <tr>
        <th>1.1</th>
        <th>1.2</th>
        <th>1.3</th>
    </tr>
    </table>