HTML语法、常用结构、标签 初学者学习笔记

时间:2021-10-06 03:36:38

第一节:HTML简介

hmtl:超文本标记语言,

HTML语法、常用结构、标签 初学者学习笔记

HTML语法、常用结构、标签 初学者学习笔记

主要说下:页面的元信息 meta :三个作用

1:显示字符集的设定

2:设置刷新后,跳转到哪个界面

3:向搜索引擎提供查询关键词:

代码如下:

<meta http-equiv="content-type" content="text/html; charset=utf-8" >   #设置编码格式 
<meta http-equiv="refresh"content="3;url=http://www.baidu.com">  #刷新后3秒跳到百度界面

<meta name='keywords' content="java基础,jsp,servelet,css,csss">  #搜索引擎提供关键词

html文档保存格式:html或者htm

HTML语法、常用结构、标签 初学者学习笔记

html语法不区分大小写,建议写小写

html注释: <!--我是注释哦注释呢--> 

注意:注释的代码不会展示出来,但是在查看源代码的时候可以看到注释的东西

HTML语法、常用结构、标签 初学者学习笔记

html的基本结构:

HTML语法、常用结构、标签 初学者学习笔记

body 可以看成是身体部位,可以在body里面设置背景色bgcolor

HTML语法、常用结构、标签 初学者学习笔记

第二节:html字符实体:

HTML语法、常用结构、标签 初学者学习笔记

例子:

HTML语法、常用结构、标签 初学者学习笔记

运行结果: &copy; 是版权标记

HTML语法、常用结构、标签 初学者学习笔记

第三:html常用文档设置标记

  1. 格式标记:

HTML语法、常用结构、标签 初学者学习笔记


<body bgcolor="yellow">
<center>------------居中对齐
<!--我是注释哦注释呢-->
<春晓>
<hr width="80%" color="red" size="100"/>
<p>----段落春天不洗澡,处处蚊子鸟<br/>------换行
<div><!--div+css来进行网页布局;层标记-->
也来巴掌声,不知死多少<br/>
   </div>
&copy;老牛吃小草</p>
</center>------------居中对齐
<pre>---预格式化标记
<鹅鹅鹅>
     鹅鹅鹅,         曲项向天歌,
     白毛浮丽水,     红掌拨清波
</pre>------预格式化标记
编程语言排行榜:<br /> --换行
<ul> <!--无须列表-->
<li>第一名:java</li>
<li>第二名:c++</li>
<li>第三名:.net</li>
<li>第四名:python</li>
<li>第二名:c++</li>
<li>第三名:.net</li>
<li>第四名:python</li>
</ul>
<hr />  -------水平分割线
<ol type="1"> <!--无须列表-->
<li>第一名:java</li>
<li>第二名:c++</li>
<li>第三名:.net</li>
<li>第四名:python</li>
<li>第二名:c++</li>
<li>第三名:.net</li>
<li>第四名:python</li>
</ol>---有序列表
<hr />
<ol type="A"> <!--无须列表-->
<li>第一名:java</li>
<li>第二名:c++</li>
<li>第三名:.net</li>
<li>第四名:python</li>
<li>第二名:c++</li>
<li>第三名:.net</li>
<li>第四名:python</li>
</ol>---有序列表
<!--定义型列表-->
<dl>  -------定义型列表
<dt>软件说明</dt>
<dd>非常好用的软件</dd>
<dt>软件说明</dt>
<dd>非常好用的软件</dd>
<dt>软件说明</dt>
<dd>非常好用的软</dd>

</dl> -------定义型列表

HTML语法、常用结构、标签 初学者学习笔记

2:文本标记

HTML语法、常用结构、标签 初学者学习笔记


<!--文本标记-->
<h1><font style='font-size: 100;'><鹅鹅鹅></font></h1>
<font face=arial color=red size="6">鹅鹅鹅</font>
<h2><鹅鹅鹅></h2>
<h3><鹅鹅鹅></h3>
<h4><鹅鹅鹅></h4>
<h5><鹅鹅鹅></h5>
<h6><鹅鹅鹅></h6>
<hr />
     <del><b>鹅鹅鹅</b>, <i>曲项</i>向天歌,</del><br />

     <u><small>白</small>毛浮<strong>绿水</strong>,<em>红掌</em>拨清波</u>

HTML语法、常用结构、标签 初学者学习笔记

本章节完毕