HTML--基本结构构成

基本结构:

文档声明:
htm标签对 :
head标签对:
body标签对:

如下结构:

<html>
<head> 
    <title>这是一个标题title>
head>
<body>
    <p>这是一个段落p>
body>
html>

head标签对中一般只有6个标签能放进去
title标签: 定义网页标题,就是显示在网页标签栏的名字
meta标签:定义网页特殊信息,如关键字、页面描述等等。
style标签:定义元素的CSS样式
link标签:用于引入外部样式文件(CSS文件)
script标签:用于定义页面的JavaScript代码
base标签:没啥实际意义

>meta标签含以下两种属性,name和http-equiv

name属性:
	
	<meta name="keywords" content="网页关键字,可以设定多个"/>
	<meta name="description" content="网页描述"/>
	<meta name="author" content="网页作者"/>
	<meta name="copyright" content="版权信息">
>http-equiv属性:定义网页编码,定义网页自动刷新跳转
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	
	<meta charset="utf-8"/>
	
	
	<meta http-equiv="refresh" content="6;url=http://www.xxx.com"/>
>style标签
	<style type="text/css">
		/*这里写css样式*/
	style>
>script标签:
	<script>
		/*这里写JavaScript代码*/
	script>
>link标签:
	<link type="text/css" rel="stylesheet" herf="css/index.css">

body标签:页面的身体,主要显示的一些数据,文字等等都在这个里面

DOCTYPE html>
<html>
<head> 
    <title>这是一个标题title>
    <meta charset="utf-8"/>
head>
<body>
    <h1>一级标签h1h1>
    <h2>二级标签h2h2>
    <h3>三级标签h3h3>
    <h4>四级标签h4h4>
    <h5>五级标签h5h5>
    
    <h6>六级标签h6h6>
    <p>这是一个段落p>
    <em>这是斜体字体em>
body>
html>

效果图:
HTML--基本结构构成_第1张图片

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