HTML概述

HTML概述

html是什么

超文本标记语言(HyperText Markup Language)

超文本:网页语言内容

标记语言:即标签,是用来标注网页内容

<b>我的第一张网页</b> 

html做什么

制作网页

HTML的基本语法

开发工具

HBulider x

基本语法结构

<!-- 声明html版本类型为html5 -->
<!DOCTYPE html>
<!-- 网页中的内容写在html标签中 -->
<html>
	<!-- 网页的头部 里面设置网页信息 添加标签 -->
	<head>
		<!-- 网页的字符型编码 -->
		<meta charset="utf-8" />
		<!-- 为标题处添加图片  href="图表地址" rel="文件类型" -->
		<link href="img/baidu.ico"  rel="icon"/>
		<!-- 网页的标题 -->
		<title>百度一下,你就知道</title>
	</head>
	<!-- 网页的身体,内容写在其中-->
	<!-- 属性格式:属性名="属性值"
	        位置:开始标签
		    数量:多个
		 -->
	<body text="black" bgcolor="green">
		<!--
		     标签分类
		     <开始> 修饰的内容 <结束> 闭合标签 双标签
			 <link href="img/baidu.ico"  rel="icon"/>  自闭合  单标签
		-->
		你好呀,这是我的第一个网页
	</body>
</html>

基本标签

标题标签

标题标签中h1…h6为一级标题到六级标题,在输出的浏览器网页中占一行.

<h1 align="center">标题标签</h1>
		<h2>二级标题</h2>
		<h3>三级标签</h3>
align="center"  居中
	  "lift"    默认
	  "right"
段落标签

段落标签其功能为每个段落有明显分隔,占一行.在文字中有多个空格,但浏览器网页中只识别为一个空格.

<p align="center">首先<br>
        第一节课第一节课第一节课
		第一节课第一节课第一节课
        第一节课第一节课第一节课</p>
<p align="center">第一节课第一节课
        第一节课第一节课第一节课
        第一节课第一节课第一节课
        第一节课第一节课第一节课</p>
<br> 另起一行
列表标签

有序列表

有序列表是将列表的内容有序的列出来,其中type=“1,A,a,I,i”,表示可以用数字,大写字母,小写字母,大写罗马数字,小写罗马数字来表示.

<ol type="A">
				<li>列表内容</li>
				<li>列表内容</li>
				<li>列表内容</li>
			</ol>

无序列表

语句type="circle,square,disc"可以转变列表内容前的类型,其中默认标签为圆心实点,还可以circle、square.

<ul  type="disc">
				<li>列表内容</li>
				<li>列表内容</li>
				<li>列表内容</li>
			</ul>
超链接

超链接,跳转到网络上指定的网页上.

<a href="http//www.baidu.com">百度</a>
<a href="百度.html" target="_blank">假百度 ></a
a 超链接
href=""  超文本引用
traget="_self" 默认当前窗口打开网页
traget="_blank"重新打开一个新的页面
图像标签
<img src="img/qq_logo.png" width="100" height="80" border="1"
			  alt="这是腾讯网页" title="这是腾讯网页" />
img  标签
alt=""图片无法显示时的文字提示信息
title=""鼠标移到图片上的文字描述信息
特殊符号
空格---&nbsp;
商标---&reg;
版权---&copy;
大于--- &gt;
小于---&lt;
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值