Html语言基础

最新推荐文章于 2024-08-12 17:07:15 发布

原创最新推荐文章于 2024-08-12 17:07:15 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

计算机网络专栏收录该内容

18 篇文章

订阅专栏

前言

Html语言是超文本标记语言，在计算机中以.html或者htm作为扩展名,可以被浏览器识别,就是经常见到的网页

Html的基本组成

开始和结束，属于html的跟标签
头部标签，头部标签一般有
主体标签，一般用于显示内容

<html> 
	<head>
		<title>这是一个标题</title>
		<!——指定编码为utf-8-->
		<meta http-equiv="content-Type" content="text/html; charset=utf8">
	</head>
 
	<body>
			<font color="blue" size="2">hello, world</font>
	</body>
</html>

Html标签介绍

题目标签

共有6种,<h1>-<h6>共六种其中6最大，1最小

文本标签

<from>标签，可以设置颜色和大小属性

<font color="blue" size="2">hello, world</font>

有时候还需要短标签<br/>,<hr/>,同样也可以设置他的颜色和大小

列表标签

列表标签分无序列表和有序列表,分别对应<ul>和<ol>.
	无序列表的格式如下:
	<ul>
	<li>列表内容1</li>
	<li>列表内容2</li>
	…
</ul>
无序列表可以设置type属性:
实心圆圈:type=disc
	空心圆圈:type=circle
	小方块:  type=square
	有序列表的格式如下:
	<ol>
	<li>列表内容1</li>
	<li>列表内容2</li>
	…
</ol>
有序列表同样可以设置type属性
数字:type=1,也是默认方式
英文字母:type=a或type=A
罗马数字:type=i或type=I

图片标签

图片标签使用,内部需要设置若干属性,可以不必写结束标签

src="./3,gif" 图片来源
alt=“无法显示” 图片无法显示的时候显示的图片
title=“hellow” 鼠标放上去时候显示的名字
width=“400” 宽度
height=“200” 高度

<img src="。\3.gif" alt="图片无法显示" title="我的天呐！"
 width="300" height="200" />

超链接标签

超链接标签使用,同样需要设置属性表明要链接到哪里

hef=“http://www.baidu.com” 前往地址,注意要写http://
title=“百度一下” 鼠标放上去时候显示的文字
target="_blank" _self是默认值，在自身页面打开，_blank是新打开页面前往连接地址
最后跟显示的名字

<a href="http://www.163.com" title="goto wangyi" target ="_blank"> 去网易</a>