HTML

最新推荐文章于 2024-02-20 10:46:06 发布

Lord Jimmy

最新推荐文章于 2024-02-20 10:46:06 发布

阅读量133

点赞数

本文链接：https://blog.csdn.net/weixin_45620762/article/details/103677359

版权

html的定义：

html超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片，链接，甚至音乐，程序等非文字语言。

超文本标记语言的结构包括“头”部分（head），和“主体”部分（body），期中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

超文本标记语言是标准通用语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

html的基本结构：

<html>
         <head>
                  <meta charset="utf-8">
                  <title></title>
         </head>
         <body>
         </body>
</html>

从上面可以看的，第一个是告诉浏览器这是html文档的开始，然后最后一个是告诉浏览器这是html的终止。标签之间的文本是头部信息，

之间的文本是文档标题，会显示在浏览器窗口的标题栏。是设置网页编码的语句，让浏览器读取到本编码属于utf-8。之间的是文本的正文。

html的标签元素：

<html>
         <head>
                  <meta charset="utf-8">
                  <title></title>
         </head>
         <body>
                   <ul type="disc">
                        <li>这是无需列表</li>
                        <li>这是无序列表</li>
                        <li>这是无序列表</li>
                   </ul>
                   <ol type="a" start="1">
                        <li>这是有序列表</li>
                        <li>这是有序列表</li>
                        <li>这是有序列表</li>
                   </ol>
                   <dl>
                        <dt>标题一</dt>
                             <dd>123</dd>
                             <dd>321</dd>
                        <dt>标题二</dt>
                              <dd>344</dd>
                              <dd>455</dd>
                        <dt>标题三</dt>
                              <dd>676</dd>
                              <dd>665</dd>
                   </dl>
                   <p>好好学习天天向上！</p><p>好好学习天天向上！</p><p>好好学习天天向上</p>
                   好好学习天天向上！<br />好好学习天天向上！<br />好好学习天天向上!<br/>
          
         </body>

</html>

在html中表示的是无序列表，其中属性type有属性值：disc（列表前的符号：实心圆点）circle（列表前的符号：符号为空心圆）square（列表前的符号：符号为方形）。

在html中表示的是有序列表，其中属性type有属性值：1，a，A，i，l（用来设置项目前面的标记），属性start属性值是：数值（排序的起点数值）。

在html中表示的是定义列表。

是换行符。

标签是用来定义一个段落，也可以用来换行。

超链接：

<html>              
           <head>        
                    <meta charset="utf-8" />
                 <title>超链接</title>
        </head>
        <body>
                 <a href="http://www.baidu,com" target="_blank">百度一下</a>
                 <a href="http://www.jd.com" target="_self">到京东</a>
                 <a href="#target">点我跳到指定的位置</a>
                 <p>学习编程没有捷径</p>
                 <p>学习编程没有捷径</p>
                 <p>学习编程没有捷径</p>
                 <p>学习编程没有捷径</p>
                 <hr width="500" color="red" size="5" align="center">
                    <a name="target">跳到这里来！</a>
                 <p>学习编程没有捷径</p>
                 <p>学习编程没有捷径</p>
                 <p>学习编程没有捷径</p>
        </body>
</html>

定义超链接

a标签用来定义一条超链接，其中要有的是href属性，href的作用是指明超链接要链接到的网址。除了href属性，还有title属性表示连接的提示信息。target属性表示链接的打开方式，即当点击了链接，选择是在另一个页面打开还是在本页面打开。其属性值包括_blank（新的空白页），_self（当前页），_top（当前页）

百度一下 href 的值可以是外部链接，也可以是内部文件，如***.html

锚点：有时候我们在浏览网页会发现，有些网页比较人性化，会有点击返回的按钮。这样的效果其实用锚点标签就能做到。锚点就是点击使用户跳到文档的某个部分。上面的：

带你我跳到指定位置

调到这

align.可以对段落进行设置。属性align的值包括left（左对齐），center（居中），right（右对齐）。
img标签：

1 <html> 
2          <head>
3                   <meta charset="utf-8" />
4                   <title>坂井泉水真美！</title>
5          </head>
6          <body>
7                    <img src="bjqs.jpg" width="500" height="500" title="女神啊！" alt="图片损坏" />
8          </body>
9 </html>

属性：src，属性值：url，说明：图像资源的地址

属性：width，属性值：像素（px），说明：图像宽度

属性：height，属性值：像素（px），说明：图像高度

属性：alt，属性值：替代文字，说明：图像的替代文字