HTML基础语法---后端也需要学习的基础

最新推荐文章于 2024-03-23 12:15:54 发布

码事通

最新推荐文章于 2024-03-23 12:15:54 发布

阅读量190

点赞数

文章标签： html 学习前端 java 程序员

本文链接：https://blog.csdn.net/m0_64355285/article/details/132577638

版权

这篇博客介绍了HTML的基础语法，包括全局架构标签如html、head和body，以及标题、段落、文本格式化、属性、链接、图片、列表、表格、区块等元素的使用方法。同时提到了链接的绝对路径和相对路径，以及表单和框架的概念，是后端程序员学习前端知识的良好起点。

摘要由CSDN通过智能技术生成

页面三剑客

1. HTML

hyper Text Markup Language: 超级文本标记语言

用来搭建整个页面的骨架

2. CSS

用来给页面添加美化效果格式化

3. JS

用来给页面添加一些有规律的动态效果

http://127.0.0.1:8020/HTML%E6%BC%94%E7%A4%BA/index.html

IP地址端口

HTML：

超级文本 ：能做普通文本能做的所有事，插入图片音频视频超链接搜索框，，，

文本格式 ： .html

普通文本 ：只能做文字的记录

HTML的注释格式：

1、全局架构标签

每一个html页面必须包含以下一段内容，可以称为全局架构标签

<!DOCTYPE html>	<!-- 声明这个html页面使用的版本，这样写代表是H5最新版本 -->
<html>
  <head>
  <meta charset="utf-8">  <!-- 告诉浏览器使用的是utf-8字符集 -->
      <title>我的网站</title>	<!-- 这里用来编写网站的标题，显示在浏览器选项卡的位置 -->
  </head>
  <body>	<!-- 只有body标签里面的内容，才能真正显示在浏览器的窗口中 -->
    <h1>我的第一个标签</h1>
    <p>我的第一个段落</p>
  </body>
</html>

html标签和元素的说法

标签：html、head、meta、title、body、h1、p等等我们都称为html的标签，简称标签即可。

元素：一对标签所表示的东西，我们称为元素。

练习：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf8" />		<!-- 这里是注释：meta为半闭合标签，并使用utf8字符集 -->
        <title>这是我的标题：首次学习HTML</title>
    </head>
    <body>
        <h1>
            首次学习PHP，这是HTML基础语法部分！！
        </h1>
    </body>
</html>

2、标题

标题就是我们通常理解的文档里面的标题，html里面的标题分为：h1、h2、h3、h4、h5、h6

写法：

<h1>最大的标题</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>

练习：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf8" />
        <title>标题--HTML基础语法学习</title>
    </head>
    <body>
        <h1>我是一个h1标题</h1>
        <h2>我是一个h2标题</h2>
        <h3>我是一个h3标题</h3>
        <h4>我是一个h4标题</h4>
        <h5>我是一个h5标题</h5>
        <h6>我是一个h6标题</h6>
    </body>
</html>

3、段落

段落表示一段普通的文字，类似文章中的一个段落

写法：

<p>
	近日，西安女车主坐在66万买的奔驰车引擎盖上无奈维权引发各界密切关注。除了车本身的质量问题，该车主还质疑4S店诱其贷款收取的“金融服务费”存在欺诈。贷款买车究竟有哪些渠道？“金融服务费”是不是合理收费？贷款买车会遭遇哪些套路？消费者提前防范别踩坑里？北京青年报记者就这些问题采访了众多专业人士。
	据了解，汽车金融业务包括三种较为常见的模式。第一种为银行车贷，消费者向申请住房按揭一样向银行申请贷款，按照一定利率按月还款࿱