HTML

来源：互联网发布：mac文件批量重命名编辑：程序博客网时间：2024/06/16 11:59

HTML

1.什么是HTML

Html全称hypertext markup language（超文本标记语言）
作用：他是用来描述文本的语义的，也就是用来告诉浏览器哪一些是标题，哪一些是段落，而不是用来修改文本样式的

2.html的基本结构

       <!DOCTYPE html>
<html>
   <head>
   <meta charset="UTF-8">
   <title>Insert title here</title>
</head>
<body>

</body>
</html>
       html标签
           作用：用于告诉浏览器这是一个网页。也就是说告诉浏览器我是一个html文档
           注意：其他所有的标签都必须写在html标签里面，也就是写在html的开始标签和结束标签中间
       head标签
           作用：用于给网站添加一些配置信息
           注意：一般情况下，写在head标签里面的内容都不会显示给用户看
       title标签
           作用：专门用于指定网站的标题，该标题还会作为用户保存网站的的默认标题
           注意：该标签必须要使用在head标签里面
       body标签
           作用：专门用于定义html文档中需要显示给用户查看的内容（文字，图片，音频，视频）
           注意：1.一定要将显示的内容写在body中
      2.一对html标签中只能有一对body标签

3.标签分类

       1.单标签
           只有开始标签，没有结束标签，也就是由一个<>组成，
例如：<meta charset="UTF-8">
       2.双标签
           有开始标签和结束标签，也就是由<>和</>组成
例如：<head></head>
       3.标签关系分类
           并列关系（兄弟/平级）
               例如：
　　<meta charset="UTF-8">
   <title>Insert title here</title>
           嵌套关系（父子／上下级）
               例如：
<head>
   <meta charset="UTF-8">
   <title>Insert title here</title>
</head>
       4.基本标签
           1.H系列标签

       作用：给文本添加标题语义
     格式：<h></h>

      注意点：
     1.H标签是用来给文本添加标题语义的，不是用来改变文本的样式的
     2.H标签一共有6个，从h1-h6
     3.独占一行
     4.H1最大
     5在企业开发的过程中慎用h标签，一般只有一个h1标签

2.P标签（Paragraph）

         作用：告诉浏览器哪一些文字是一个段落

         格式：<p></p>

         注意：在浏览器中独占一行

3.Hr标签（Horizontal Rule）

         作用：在浏览器上显示一条分割线

         格式：<hr/>

         注意：
        1.在浏览器会独占一行
        2.可以写/也可以不写/,写是按照xhtml标准来，不写则是按照html标准。
在html5中，兼容两者。
        3.会修改到格式，所以慎用，开发过程里面一般会用css盒子来做

            4.html注释
           5.a标签的其他用法
           6.a标签（anchor）
           7.br标签（break）
           8.img标签
           9.列表标签
       5.表格标签（table）
           2.H系列标签
           3.P标签（Paragraph）
           4.Hr标签（Horizontal Rule）
           5.html注释
           6.img标签
           子主题 6
       6.表单标签
           作用：主要用于手机用户信息的，就是让用户填写，选择信息提交到后台
           格式：
<form>
........
</form>
           注意事项：
           1.多行文本框（文本域）
           2.下拉列表
       7.多媒体标签
           1.video标签
           2.audio标签
           3.详情和概要标签
           4.marquee标签
           5.被遗弃的标签
           6.新推出的标签
           7.实体字符

阅读全文

0 0