HTML基本语法

HTML基本语法

1.介绍:

1.1超文本:

指的是网页中可以显示的内容(图片,超链接,视频…)

1.2标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)

标记语言中,提供了许多的标签,不同的标签有不同的功能,最终运行时,由浏览器对标签进行解析,最终呈现出不同标签的样子

eg:

<b>你好<b> 加粗
    <a href="http......">htmla>  超链接

用标签描述网页,用浏览器打开,呈现出了网页效果

一个样例:

DOCTYPE html>

<html> 

	<head>
		
		<meta charset="utf-8" />	
		
		<title>百度一下,你就知道title>	
		
		<link href="img/baidu.ico" rel="icon"/>
		
	head>

	<body bgcolor="antiquewhite">
		
		<b>加粗内容b>
		
		
		aaa
		<br/>
		
		bbb
		
		
		 
		 <font color="aqua" size="5">标签的属性font>
		 
		 
		
	body>
html>

2.各种标签

2.1标题标签:

		
		<h1 align="center">
			<font color="aquamarine">一级标题font>
		h1>
		<h2 align="right">二级标题h2>
		<h3>三级标题h3>
		
		<hr/>

2.2段落标签:

		
		<p align="center">欲买桂花同载酒,终不似,少年游p>
		<p align="right">生产力决定生产关系,经济基础决定上层建筑p>

2.3列表标签:

		
			无序列表
			<ul type="square">
				<li>列表项1li>
				<li>列表项2li>
				<li>列表项3li>
				<li>列表项4li>
			ul>
			有序列表
			<ol type="I">
				<li>列表项Ali>
				<li>列表项Bli>
				<li>列表项Cli>
				<li>列表项Dli>
			ol>

2.4超链接:

		
		 <a href="http://www.baidu.com"	target="_blank">百度a>
		 <a href="index.html"	target="_self">indexa>
		 
		 <hr/>

2.5图片标签:

		 
		 <img src="img/1.png" border="1"/>
		 <a href="http://www.nike.com">
			 <img src="img/2.png"/>
		 a>	 

3.转义符

		

4.表格

		 
		  
		  <table border="1" cellspacing="0" cellpadding="0">
		  	<tr bgcolor="antiquewhite">
		  		<td>td>
		  		<td>数学td>
		  		<td>英语td>
		  		<td>语文td>
		  	tr>
		  	<tr>
		  		<td bgcolor="aqua" height="60" align="center" valign="middle">李四td>
		  		<td>10td>
		  		<td>20td>
		  		<td>30td>
		  	tr>
		  	<tr>
		  		<td>王五td>
		  		<td>10td>
		  		<td>20td>
		  		<td>30td>
		  	tr>
		  	<tr>
		  		<td rowspan="3">张三td>
				<td>td>
		  	tr>
		  table>

你可能感兴趣的:(html,前端)