html入门总结(个人学习)---第一部分:html基础标签

一、简单了解

网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTMLCSSJavaScript

1、HTML是什么
HTML的全称为超文本标记语言(Hyper Text Markup Language),是一种标记语言。

2、css是什么
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。

3、JavaScript是什么
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言

前端技术最核心的是HTML、CSS和JavaScript。前端技术除了HTML、CSS和JavaScript这三种,还需要学习Ajax、SEO等

4、Ajax
Asynchronous Javascript And XML(异步JavaScript和XML)用来描述一种使用现有技术集合的‘新’方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest
使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。

5、SEO
seo是一种网站优化技术,也被叫做搜索引擎优化,可以利用搜索规则提高网站上有关搜索的自然排名。
主要表现为微博热搜控榜等。通过seo技术,可以实现一系列的商业行为,对产品品牌进行宣传收益。SEO,就是为了我们的网站能排在搜索结果的前面,这样你的网站才会有流量。

二、基础内容

学习HTML就是学习各种标签

1、简单了解
<!DOCTYPE html>
<!--<!DOCTYPE>声明有助于浏览器中正确显示网页。-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--
    meta标签描述了一些基本的元数据。
    通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
    -->
    <title>Title</title>
    <!--网站title标题-->
    <!--
    头部head,
    可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
    -->
</head>
<body>
<!--
body 元素定义文档的主体,
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
-->
</body>
</html>

在这里插入图片描述

  • title标题
<title>我的网页</title>
  • meta元素定义关键词
<meta name="js" content="HTML, CSS, XML, XHTML, JavaScript">
  • style定义css
<style>
        .myCss{
            background-color: #123456;
            text-align: center;
        }
       
</style>

使用

<body>
<h1 class = "myCss">你好</h1>
</body>
  • link链接外部css/js
<link rel="stylesheet" href="../CSS/01.css">
  • script定义脚本语言
<script>
        'use strict';
        alert('Hello');
</script>
2、基础标签

在这里插入图片描述

<h1>你好</h1>
<p>这是一个段落</p>
<p>这也是一个段落</p>
<hr>
HTML5是构建Web内容的一种语言描述方式。<br>HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。<br>HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。

在这里插入图片描述

在这里插入图片描述
HTML空格“&nbsp ;”

3、列表、表格标签

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值