• 欢迎光临~

2022-08-22 第十小组 石晓荟

开发技术 开发技术 2022-08-22 次浏览

HTML

HTML

1.HTML简介

HTML是用来描述网页的一种语言。
            HTML叫做超文本标记语言(Hyper Text MarkerUp Language)
            HTML不是编程语言,而是一种标记语言
            标记语言就是一套标记标签
            HTML使用标记标签来描述网页

2.网页介绍

 什么是网页?
            HTML文档描述的就是网页
            HTML文档包含HTML的标签和纯文本
            HTML文档就被称为网页

3.html头部

head元素包含了所有的头部信息元素。
script,link,以及各种meta,title,base
title:
        定义了浏览器工具栏的标题
        当网页被收藏到收藏夹,显示的默认标题
        显示在搜索引擎结果页面的标题
 base:
        描述了基本的链接地址/链接目录,作为HTML文档中所有的链接标签的默认链接
link:
        引用css层叠样式表
style:
        定义css层叠样式表
script:
        既可以定义script脚本,也可以引用script文件。
        不建议写在head里,写在body的最下方
 meta:元数据
        指定网页的描述,关键词,文件的最后修改时间,作者。
        可以定义搜索引擎的关键词

4.文本标签

        <h1>最大的标题h1</h1>
        <h2>最大的标题h2</h2>
        <h3>最大的标题h3</h3>
        <h4>最大的标题h4</h4>
        <h5>最大的标题h5</h5>
        <h6>最大的标题h6</h6>
        <h7>我是h7</h7>

        <p>这是一个段落</p>

        <hr size="7" color="red" width="500">

        <br>
 超级链接:
        普通的链接:<a href="http://www.baidu.com" target="_self">百 
                   度一下</a><br>
        图像链接:<a href="http://www.baidu.com"><img width="150"
                src="img/libai.jpeg" alt="这是刺客李白" title="青莲剑 
                仙"></a><br>
        邮件链接:<a href="mailto:123456@qq.com">站长信箱</a><br>
        锚记链接:
        <a id="tips">提示部分</a>
        <a href="#tips">跳到提示不分</a>
图片:
      <img src="img/libai.jpeg" width="300" title="" alt="" align="bottom" border="1">
列表:
     有序列表,ul>li
     无序列表,ol>li
     自定义列表dl>dt>dd
表格:
     table>tr>td
表单:
     <form action="aaa" method="post">
     属性:
     action:数据的提交后台地址
     method:数据的提交方式
        get:默认值,会把所有要提交的数据拼接在地址栏
       post:封装一个请求体,把数据提交给后台,不会拼接在地址栏

框架:
    iframe
块级元素:自占一行,自带换行功能
        div,h,p,form,ul,ol...
    
行级元素:自己没有换行功能
        a,span,del,sub,sup,em,b,strong....

HTML5新增:
定义音频内容

定义视频内容

5.文本格式化标签

<b>粗体文本</b>
        <code>计算机代码</code>
        <em>强调文本</em>
        <i>斜体文本</i>
        <kbd>键盘输入</kbd>
        <pre>
            池塘边的榕树下,
            知了在声声叫着夏天。
        </pre>
        <small>更小的文本</small>
        <strong>重要的文本</strong>
        <del>删除线</del>
        log<sub>5</sub>
        2<sup>3</sup> = 8
        <font color="green">我是font</font>
程序员灯塔
转载请注明原文链接:2022-08-22 第十小组 石晓荟
喜欢 (0)