HTML基础教程-优快云博客

本文链接：https://blog.youkuaiyun.com/g_optimistic/article/details/87993162

一、HTML认识

Hyper Text Makeup Language 超文本标记语言

html语言不是编程语言，是标记语言(死的，前任已经预先定义好的 W3C)

二、构成

<开始标记></开始标记>

<标记名></标记名>

<标记名属性名="属性值" 属性名=“属性值” .......></标记名>

<!--文档声明   h5 -->
<!DOCTYPE html>
<!--根标签-->
<html lang="en">
<!--头部标签：内容是用户不可见的，是对浏览器解释说明的语句-->
<head>
    <!--元信息：meta charset="UTF-8"  字符编码
    GBK:GB2312中国本土 ：中文简体，忽略了台湾
    UTF-8：万国码
    -->
    <meta charset="UTF-8">
    <title>我是一个美少女战士</title>
</head>
<!--身体：是用户可见的，-->
<body>
hello world!
</body>
</html>

三、注释

快捷键	注释类型	格式
ctrl + /	单行注释	<!--注释内容-->
ctrl + shift + /	多行注释	/注释内容/

四、html常用标签

标题标签		h1 - h6	会使文字变粗变黑，文字独占一行 h1最大 h6最小
段落标签		p
格式化文本标签		pre
文本标签	加粗	b	没有语义
		strong	有语义，可以在搜索引擎中找到
	斜体	i	没有语义
		em	有语义
	中划线	s
		del
	换行	br	单标签
	水平线	hr	单标签
符号的表示	人民币	&yen	￥
	版权	&copy	©
	空格	&nbsp
图片标签		img	src	地址
			alt	路径出现错误，提示文本
			title	显示名字
超链接		a	href	跳转地址
			target	控制打开方式 _self 旧页打开 _blank 新页打开

注意：

1.地址

绝对地址	http://
相对地址	根目录	/
	同级目录	./
	上一级目录	../

2.超链接标签 a 设置控制打开方式

<head>
    <base target="_blank">
</head>
<body>
    <a href="http://baidu.com">百度</a>
</body>

html基础知识

一、HTML认识

二、构成

三、注释

四、html常用标签