HTML学习

最新推荐文章于 2023-07-09 22:04:31 发布

Journey-Go

最新推荐文章于 2023-07-09 22:04:31 发布

阅读量817

点赞数

分类专栏：从0开始写网站

本文链接：https://blog.csdn.net/tanhongguang1/article/details/10408739

版权

从0开始写网站专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在开始的时候，要标柱语言，让浏览器知道这是什么脚本。

<!DOCTYPE html>

然后是主体

<html>
	<head>
		<title>题目，显示在标签上</title>
	</head>
	<body>
		<h1>标题可以从1到6，1最大</h1>
		<p>段落</p>
		<img src = "图片网址URL" />
		<a href = "链接地址URL">指向链接的内容</a>
		<ol>    <!--有序号列表-->
			<li>第一项</li>
			<li>第二项</li>
			<ul>	<!--无序号列表-->
				<li>第一项</li>
				<li>第二项</li>
			</ul>	<!--无序号列表-->

		</ol>	<!--有序号列表-->

	</body> 
</html>

接下来可以对文字做一些样式的更改，在标签后添加style来完成

<p style = "font-size:12px;<!--字体大小-->color:red<!--字颜色-->;font-family:Garamond<!--字体样式-->;background-color:brown<!--背景颜色-->;text-align:center<!--字体对齐left/right-->">内容<p>
<strong>加粗显示的内容</strong>
<em>斜体强调的内容</em>

建造Table

<table>
    <thead>
        <tr colspan = "2">合并两个单元格</tr>
        <tr>
            <th>表头项</th>
            <th>用th</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>元素</td>
            <td>用td</td>
        </tr>
    </tbody>
</table>

用<div>来把网页分成部分，<span>可以单独圈出某些文本用CSS来处理。

HTML基本知识结束！