HTML标记语言

“逢雨”

于 2021-07-15 13:57:25 发布

阅读量1.3k

点赞数 2

文章标签： html

本文链接：https://blog.csdn.net/qq_51637377/article/details/118757913

版权

HTML标记语言

其实HTML是一门标记语言很好学，学的大部分都是符号。但是呢些漂亮网页不是谁都能做出来的。

1.创建你的第一HTML文件

编写html文件有两种方法使用开发软件，或者是用记事本编写

（1）开发软件

建议使用 EditePuls

（2）文本编译器

点击鼠标左键，新建文本，编写完后更改文件名格式为“.html”或“.htm”，用浏览器打开

HTML文档结构

凡是用html编写的标记语言用的最多的符号就是"<>",用于描述HTML语言

1.html 标记

< html > 标记是 HTML 文件开头，所有HTML文件都以< html >标记开头以 < / html>标记结束

2.< head >标记

用于放置HTML文件信息，定义的CSS样式代码可以放置在 < head > </ head >中

3.< title >标记

将网页的标题定义在< title >与< /title >标记中可以说明网页标题

4.< body >标记

< body >是HTML 页的主体标记。页面中的所有内容都定义在 < body >以< /body >结尾。

HTML常用标记

1.换行标记

换行标记是一个单个标记，不是成对出现的是一个一个的，< br > 表示换行
```
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>换行标记的应用 </title>
 </head>
 <body>
  <b> 
  黄鹤楼送牧魂人
  </b> <br>
     古人已成黄鹤去，烟花三月下扬州。 <br>
	 孤帆远景碧空尽，未见长江天际流。
 </body>
</html>
```
2.段落标记

符号 < p > < /p > 段落标记在前段和后段后各添加一个空行，而定义在段落中的内容，不受标记的影响

3.标题标记

在HTML中一共有六个标题标记，分别从< h1 > 到 < h6 > 其中 < h1 >表示一级标题，标题标记的字数越大级字数越小。

4.居中标记

以 < center > 而 </ center > 结尾，使在这两个符号之间的内容居中。

5.文字列表标记

5.1 无序列表 < ul >

5.2 有序标记 < ol >

是在每个列表前添加一个圆点符号，用符号< ul > 可以用于创建

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title> 无序列标记和有序标记 </title>
 </head> 
 <body> 
 程序词典有如下几个版本
 <p>
 <ul>
 <li> java 程序编程语言
 <li> VB 编程
 <li> .net 编程 
 <li> C# 编程 html 
 </ul>
<p>
<ol>
<li> java 程序编程语言
 <li> VB 编程
 <li> .net 编程 
 <li> C# 编程 html 
 </ol>
 </body>
</html>

6.表格标记

表格网页十分重要用 < table > 表示。在table 中有很多属性如，width 宽度 border 边框 align 表格对齐，表格bgcolor 设置背景颜色。

符号标记

6.1标题标记 < caption > < /caption > 属性 align valign

6.2 表头标记 < th > < /th >

6.3表格行标记 < tr > < /tr >

6.4 单元格标记 < td >属性具有 align , backgroud valign 。

属性调用：属性 = “属性值”、

<html>
<head>
<title> 表格成绩标记 </title>
</head>
<body>
<table width = "400" height = "500" align = "center">
<caption> 考生成绩单 </caption>
<tr> 
<td align = "center" valign = "middle">姓名 </td>
<td align = "center" valign = "middle">语文 </td>
<td align = "center" valign = "middle">数学 </td>
<td align = "center" valign = "middle">英语 </td>
<td align = "center" valign = "middle">物理 </td>
</tr>
<tr>
<td align = "center" valign = "middle">张三 </td>
<td align = "center" valign = "middle">100 </td>
<td align = "center" valign = "middle">90 </td>
<td align = "center" valign = "middle">80 </td>
<td align = "center" valign = "middle">70 </td>
<td>
</tr>
<tr>
<td align = "center" valign = "middle">张三 </td>
<td align = "center" valign = "middle">100 </td>
<td align = "center" valign = "middle">90 </td>
<td align = "center" valign = "middle">80 </td>
<td align = "center" valign = "middle">70 </td>
<td>
</tr>
<tr>
<td align = "center" valign = "middle">张三 </td>
<td align = "center" valign = "middle">100 </td>
<td align = "center" valign = "middle">90 </td>
<td align = "center" valign = "middle">80 </td>
<td align = "center" valign = "middle">70 </td>
<td>
</tr>
</table>
</body>
</html>

“逢雨”

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML标记语言

HTML标记语言其实HTML是一门标记语言很好学，学的大部分都是符号。但是呢些漂亮网页不是谁都能做出来的。1.创建你的第一HTML文件编写html文件有两种方法使用开发软件，或者是用记事本编写（1）开发软件建议使用 EditePuls（2）文本编译器点击鼠标左键，新建文本，编写完后更改文件名格式为“.html”或“.htm”，用浏览器打开HTML文档结构凡是用html编写的标记语言用的最多的符号就是"<>",用于描述HTML语言1.html 标记< html
复制链接

扫一扫