1.网站内容
|
内容 |
形式 |
作用 |
|
网页 |
.html .xhtml .htm |
网页 |
|
样式文件 |
.css |
使网页更好看 |
|
脚本 |
.js |
使网站有动态效果 |
|
图片 |
.jpg .png .bmp .gif |
|
|
音频 |
.mp3 |
|
|
视频 |
.mp4 |
2.HTML结构
标签
语言代码
|
语言 |
代码 |
|
English |
en |
|
Chinese |
zh |
|
Chinese (Simplified) |
zh-Hans |
|
Chinese (Traditional) |
zh-Hant |
Html
Head
Body
H1
P
特性（属性） 名称=值
Title
做网页，总结网页制作步骤
1、新建工程
2、在工程下新建网页
3、在网页中添加内容
4、文本
写标题<h>
写段落<p>
把文字设置成粗体<b>
把文字设置成斜体<i>
给文字加上标<sup>
给文字加下标<sub>
空白
插入换行符<br>
插入水平水平线<hr>
文字加粗<strong>
引用文字<blockquote>
强调<em>
较短引用<q>
缩写词<abbr>
引文<cite>
定义<dfn>
地址<address>
插入的内容（给文字加下划线）<ins>
修改的内容（文章中删除的内容，删除线）<del>
不准确的内容（删除线）<s>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本</title>
</head>
<body>
<h1>标题</h1>
<h2>标题</h2>
<hr>
<h1>段落</h1>
<p>段落</p>
<hr>
<h1>粗体</h1>
<b>粗体</b>
<hr>
<h1>斜体</h1>
<i>斜体</i>
<hr>
<h1>上标</h1>
<p>88<sup>8</sup></p>
<hr>
<h1>下标</h1>
<p>66<sub>6</sub></p>
<hr>
<h1>换行符< br></h1>
<hr>
<h1>水平线< hr></h1>
<hr>
<h1>加粗</h1>
<strong>粗体字</strong>
<hr>
<h1>强调</h1>
<p>我<em>认为</em>你是第一名</p>
<hr>
<h1>引用</h1>
<blockquote>
<p>
Did you ever stop to think, and forget to start again?
</p>
</blockquote>
<q>As A.A. Milne said, Some people talk to animals.
Not many listen though. That's the problem.</q>
<hr>
<h1>缩写词和首字母缩写词</h1>
<p><abbr title="Professor">Prof</abbr>
Stephen Hawking is a theoretical physicist and
cosmologist.</p>
<p><acronym title="National Aeronautics and Space Administration">NASA</acronym>
do some crazy space stuff.</p>
<hr>
<h1>引文</h1>
<p><cite>A Brief History of Time</cite>
by Stephen Hawking has sold over ten million copies worldwide.</p>
<hr>
<h1>定义</h1>
<p>A <dfn>black hole</dfn>
is a region of space from which nothing, not even light, can escape.</p>
<hr>
<h1>设计者信息；地址</h1>
<address>
<p><a href="mailto:1412977405@qq.com">
1412977405@qq.com</a>
</p>
<p>湖南省 郴州市 北湖区</p>
</address>
<hr>
<h1>内容的修改</h1>
<p>It was the <del>worst</del><ins>best</ins>idea she had ever had</p>
<hr color="red">
<p>Lsptop computer</p>
<p><s>Was $995</s></p>
<p>Now only $375</p>
</body>
</html>