【HTML1】

最新推荐文章于 2024-09-16 08:47:17 发布

随梦青子

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量113

点赞数 3

分类专栏： JavaWeb Day1 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_43368933/article/details/130445562

版权

JavaWeb Day1 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

@@[TOC]|(JAVAWEB1)

##html：超文本标记语言
###1，作用：它决定页面上显示什么内容
###2，举例

```javascri在这里插入代码片pt
<html>
      <head>
        <title>这是我的第一个网页</title>
        <meta charset="UTF-8">
      </head>
      <body>
          Heelo World!<br/>你好，HTML！
          <p>这是第一个段落</p>
          <p>这是第二个段落</p>
          <img src = "图片地址" width="宽度" height="高度" alt="简介">
          <h1>标题1</h1>
          <h2>标题2</h2>
          <h3>标题3</h3>
          <h4>标题4</h4>
          <h5>标题5</h5>
          <h6>标题6</h6>
          
          <ol type “A" start="3">
              <li>1,有序列表1</li>
              <li>有序列表2</li>
              <li>有序列表3</li>
              <li>有序列表4</li>
              <li>有序列表5</li>
              <li>有序列表6</li> 
          </ol>
          <ul type “circle" >
              <li>1,有序列表1</li>
              <li>有序列表2</li>
              <li>有序列表3</li>
              <li>有序列表4</li>
              <li>有序列表5</li>
              <li>有序列表6</li> 
          </ul>
        你喜欢<i>什么</i><b>类</b>型的<u>女生</u>？
        水分子的化学式：H2O  H<sup>2</sup>O
        氧气化学式：O2 O<sub>2</sub>
        
        <span>武陵外传</span>，真好看
        
        ##此处可以相对路径和绝对路径都可以
        <a href = "http://www.baidu.com" >百度一下</a>
         <div id = "div1">div1</div>
      </body>
</html>

1）html时解释型语言，浏览器时容错的

: 开始标签 : 结束标签 title 表示网页的标题可以在meta标签中设置编码方式 2） html页面中由一对标签组成

3）title表示网页中的标题
4）
表示换行，是一个单标签，开始标签和结束标签是同一个，斜杠放在单词后面
5）

表示段落标签
6) 标签图片标签
src属性表示图片文件的路径
width和height表示图片的大小和高度
alt表示图片的路径
tip：路径分为绝对路径：（如磁盘中D:\workplace\apache-maven-3.6.3）
相对路径：比如相同项目下workplace中的图片，只需要填文件名就好了
7）
h1-h6:标题标签

8)列表标签
–ol：有序列表
start 表示从*开始，type显示的类型：A a I i 1
–ul: 无序列表
type disc(default) ,circle, square
9) u 下划线 b粗体 i斜体

10）span 不换行的块标记

11）a 表示超链接
href 链接的地址
target：
_self 在本窗口打开
_blank 在一个新窗口打开
_top 在顶层窗口打开
_parent 在父窗口打开
12）div 层