HTML学习(一)概述

最新推荐文章于 2022-07-15 14:53:54 发布

一棵栗子树

最新推荐文章于 2022-07-15 14:53:54 发布

阅读量225

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/flyconley/article/details/114755596

版权

HTML 专栏收录该内容

3 篇文章 2 订阅

订阅专栏

一、介绍

1.HTML编程语言是一种专门在浏览器编译与执行的编程语言
2.HTML编程语言学称是超文本标记式编程语言

二、作用

作用一：HTML编程语言通知浏览器将接收的数据以指定方式在窗口展示

作用二：控制浏览器请求行为

三、HTML编程语言语法规范:

      1.HTML编程语言中所有命令都是声明在标签中,比如<br>
      2.HTML编程语言中所有命令都是预先定义好，不允许开发人员自行创建新的命令
      3.HTML编程语言中所有命令不区分英文字母大小写，比如<BR> <br> <Br> 都是合法命令
      4.HTML编程语言中命令开发时主要通过对命令中属性进行赋值实现开发目的。
        属性赋值时内容可以包含一个""中，也可以包含在'',也可以省略双引号与单引号，此时
        属性之间必须采用空格进行隔离
        <input type="text" name="one"/>
        <input type='text' name='one'/>
        <input type=text name=one/>
          5.HTML编程语言中命令根据书写方式分为：双目标签命令与单目标签命令
          6.双目标签命令书写命令分别出现在开始标签与结束标签，比如 <tr></tr>
        双目标签命令在书写时结束标签是不能省略的,比如<tr>,由于没有书写结束标签因此是一个非法命令
          7.单目标签命令书写命令出现一个标签之内，比如：<br/>
        单目标签命令用于表示结束"/"可以省略不写，比如 <br/>, <br> 这两个都是合法单目标签命令

四、常见的HTML标签命令

第一个HTML文件

<html>
  <!--
      在一个HTML文件中，所有的HTML标签命令
	  必须声明在<html></html>
  -->
  <!--
         <html></html>包含了两个子标签
		 <head></head>: 设置基础参数信息
         <body></body>: 负责通知浏览器将指定内容以指定方式在窗口展示 
  -->
   <head>
      <meta charset="GBK"/>
   </head>
   <body>
       下午好！
   </body>
</html>

段落标签

<html>
   <head>
      <meta charset="GBK"/>
   </head>
   <body>
       <p>
       第一段
       </p>
       <p>
       第二段
       </p>
   </body>
</html>

标题标签

<html>
  <body>
       <h1>一级标题</h1>
	   <h2>一级标题</h2>
	   <h3>一级标题</h3>
	   <h4>一级标题</h4>
	   <h5>一级标题</h5>
	   <h6>一级标题</h6>
  </body>
</html>

有序列表标签

<html>
   <body>
       <ol>
	      <li>中国</li>
		   <li>德国</li>
		    <li>英国</li>
	   </ol>
   </body>
</html>

无序列表标签

<html>
   <body>
       <ul>
	        <li>中国</li>
		    <li>德国</li>
		    <li>英国</li>
	   </ul>
   
   </body>
</html>

列表标签嵌套使用

<html>
   <body>
         <ul>
		    <li>职员管理
			    <ol>
				  <li>职员注册</li>
				  <li>职员查询</li>
				  <li>职员删除</li>
				  <li>职员更新</li>
				</ol>
			
			</li>
			<li>部门管理
			     <ol>
				  <li>部门注册</li>
				  <li>部门查询</li>
				  <li>部门删除</li>
				  <li>部门更新</li>
				</ol>
			</li>
		 </ul>
   </body>
</html>