HTML基础

最新推荐文章于 2024-10-10 11:15:29 发布

木叶二柱子

最新推荐文章于 2024-10-10 11:15:29 发布

阅读量213

点赞数

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

本文链接：https://blog.csdn.net/lzy2213811239/article/details/122123058

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML

超文本（超出了文本）标记（标签）语言

基本结构

<!DOCTYPE html><!--声明文档类型-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
	Holle world!
</body>
</html>

网页头信息(<head></head>)

titli标签：用来声明网页标题

meta标签：描述一个HTML网页文档的属性

style标签：用来内嵌css样式

link标签：用来引入css样式文件

script标签：用来引入JavaScript程序

特殊字符

HTML源代码	显示结果
<	<
>	>
&	&
"	"

<!--本页跳转-->
<h1>本页跳转</h1>
<a href="news.html" >多地已取消强制接种疫苗</a><br>
<a href="https://www.baidu.com/?tn=95623186_hao_pg">百度</a><br>
<!--打开新界面跳转-->
<h1>打开新界面跳转</h1>
<a href="news.html" target="_blank">多地已取消强制接种疫苗</a><br>
<a href="https://www.baidu.com/?tn=95623186_hao_pg" target="_blank">百度</a><br>

注意：

href取值：

相对路径：

锚点

快速定位

在这里插入图片描述

图片

src：图片相对或绝对路径

align：设置文本对其方式

alt：

title：

列表

<!--有序列表-->
<ol type="a">
    <li>……</li>
</ol>
<!--无序列表-->
<ul type="circle">
    <li>……</li>
</ul>
<!--自定义列表-->
<dl>
    <dt>标题</dt>
    <dd>内容</dd>
</dl>

表格

<table border="1">
    <tr>
        <td colspan="3" >学生信息</td>
    </tr>
    <tr>
        <td rowspan="2">张三</td>
        <td>语文</td>
        <td>20</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>52</td>
    </tr>
    <tr>
        <td rowspan="2">李四</td>
        <td>语文</td>
        <td>63</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>26</td>
    </tr>
</table>