HTML第一章

最新推荐文章于 2024-07-22 21:44:46 发布

7C谨言

最新推荐文章于 2024-07-22 21:44:46 发布

阅读量229

点赞数 1

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

本文链接：https://blog.csdn.net/yezi_seven/article/details/109171873

版权

Web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML

1.概述：

HTML：超文本标记语言

超文本：bu网页上的内容（图片，文字，超链接…）

标记：标签（标记信息）

HTML的目的：就是为了开发网页

2.基本语法：

开发使用的工具： HBuilderX

**基本项目名称：**index.html (主页名称), css（级联样式表） , js（JavaScript） , img（图片，视频，音乐…）

基本构架：

//表示文档类型为HTML5
<!DOCTYPE html> 	
//表示这是一个HTML文档,其他所有的HTML元素都包含在这两个标签中
<html>
    //表示文档的头部信息
	<head>
        //可以提供有关页面的元信息
		<meta charset="utf-8" />
        //定义网页的标题,内容只能是纯文本
		<title></title>
		
	</head>
    //表示文档的主体部分,是写网页内容的主要区域
	<body>
		
	</body>
</html>

标签:

闭合标签(双标签): <标签名> 内容 </标签名>

自闭和标签(单标签): <标签名 > (为了完成某个特定的功能,不会去修饰别的内容)

标签的属性: 进一步对标签的显示进行修饰;

标签属性的语法: <标签名属性名 = “属性值“ 属性名 = “属性值“ >xxx </标签名>

3.常用标签

标题标签: <h1 属性 = “属性值”>…

一共有六个标题标签，分别为

，

…

，其中

最大，

最小。

段落标签：

…

换行标签：

水平线标签： <hr 属性 = “属性值” />

文本修饰标签：

：文本加粗（bold）

：文本斜体（italic）

：下划线（underline）

：删除线（strike）

：上标

：下标

正常文本  :诗经<br/>
加粗文本  :<b>关关雎鸠，在河之洲。</b><br/>
斜体文本  :<i>窈窕淑女，君子好逑。</i><br/>
下划线文本:<u>参差荇菜，左右流之。</u></br>
删除线文本:<s>窈窕淑女， 寤寐求之。</s></br>
上标线文本:<sup>求之不得， 寤寐思服。</sup><br>
下标线文本:<sub>悠哉悠哉， 辗转反侧。<sub><br/>

正常文本 :<诗经>

加粗文本 :关关雎鸠，在河之洲。

斜体文本 :窈窕淑女，君子好逑。

下划线文本:参差荇菜，左右流之。
删除线文本:~~窈窕淑女，寤寐求之。~~
上标线文本:^{求之不得，寤寐思服。}

下标线文本:_{悠哉悠哉，辗转反侧。}

列表：

无序列表：

有序列表：

<ul>
	<li>安徽
		<ul>
            <li>合肥</li>
            <li>芜湖</li>
            <li>黄山</li>
        </ul>
    </li>
</ul>
<ol>
	<li>安徽
		<ol>
            <li>合肥</li>
            <li>芜湖</li>
            <li>黄山</li>
        </ol>
    </li>
</ol>

安徽
- 合肥
- 芜湖
- 黄山

安徽
1. 合肥
2. 芜湖
3. 黄山

超链接标签：

图像标签： 像网页中插入图片但本身不存储在html文件中

锚点：

4.特殊符号转义符

小于号 < : &lt ;

大于号 > : &gt ;

空格 : &nbsp ；

版权 : &copy ;

注册商标 : &reg ;

7C谨言

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML第一章

HTML1.概述： HTML：超文本标记语言超文本：bu网页上的内容（图片，文字，超链接…）标记：标签（标记信息） HTML的目的：就是为了开发网页2.基本语法：开发使用的工具： HBuilderX **基本项目名称：**index.html (主页名称), css（级联样式表） , js（JavaScript） , img（图片，视频，音乐…）基本构架：//表示文档类型为HTML5<!DOCTYPE html> //表示这是一个
复制链接

扫一扫

专栏目录