Web-HTML-概述和基本语法

Web-HTML-9.26

1.概述
HTML 指的是超文本标记语言。用来开发网页。
其中,
超文本:可以放图片、超链接、视频、音频等。
文本:只能放文字。
标记:标签,标记信息。
2.基本语法
使用开发工具 HbuilderX
创建一个基本项目:js,css,img,index.html
html文件基本框架

<!-- html 注释 -->
<!DOCTYPE html><!-- 声明html语言版本 -->
<html><!-- 网页文件的根,所有内容必须写在html中 -->
	<head><!-- 头标签 -->
		<meta charset="utf-8" /><!-- meta提供有关页面的元信息   utf-8支持中文-->
		<title>百度一下你就知道</title><!-- 定义网页标题名,本html标题为“百度一下你就知道” -->
		<link href="" rel="icon"/><!-- 定义标题图片 -->
	</head>
	<body bgcolor="antiquewhite" text="black"> <!-- 可定义多个标签属性 网页内容  本html定义背景颜色和字体颜色-->
		hello <b>world</b>!<!-- 网页内容 hello world <b>为字体加粗 -->
	</body>
</html>

上述代码的运行结果

标签: HTML中的标记指的就是标签
HTML 使用标记或标签来描述网页
闭合标签(双标签):开始…标签内容…结束,例<标签名>标签内容</标签名>
闭合标签(单标签):在内部结束,完成某个特定功能,不修饰别的内容。例 <标签名/>
标签属性:通过标签属性可以进一步对标签的显示进行修改。
语法:
1.属性名=“属性值”
2.一个标签可以拥有多个属性。
3.属性应该写在开始标签中。
标题标签:<h1></h1>......<h6></h6> 从一级标签到六级标签 ,独行。
可选属性 align :规定标题中文本的排列。
值: left(默认) right center
段落标签:<p></p> 段前段后有行间距。
可选属性 align :规定标题中文本的排列。
值: left(默认) right center
换行标签:<br/>
支持HMTL中的全局属性
1.无序列表<ul><li></li></ul>
标签属性 type="" 列表项属性
属性值 disc、square、circle
2.有序列表<ol><li></li></ol>
标签属性 type="" 列表项属性
属性值A、a、I、i、1
超链接:<a></a> 标签属性 href="" 定义链接地址
target="" 打开连接位置地址
target="_self" 在当前窗口打开新文档
target="_blank" 在新窗口打开

<a name="p1"></a>  
<a href="#p1"></a> 
 定义锚点

图像标签<img>
<img src=""> 向网页中插入图片,只是引入了项目中图片地址,并不是将图片存储到html文件中
<img width=""> 定义图片宽度
<img heigt=""> 定义图片高度
<img border=""> 定义图片边框大小
<img title=""> 定义图片地址
<img alt=""> 当图片不能正常显示时,定义提示信息
特殊符号转义(常用的几个)
&it 在网页中显示"<"
&gt 在网页中显示">"
&nbsp 在网页中显示一个空格" "
&copy 在网页中显示版权"©"
&reg 在网页中显示注册商标"®"
&trade 在网页中显示临时商标"圆圈TM"

猜你喜欢

转载自blog.csdn.net/qdzjo/article/details/108818554