前端学习---(1)HTML

一个后端狗, 在公司悄摸得学习前端技术

在公司上班时间看视频影响不太好

按照这个来吧: https://gitee.com/chinese-gitee/Web

前端基础要学: HTML, CSS,JS

  1. 浏览器

    浏览器中最重要的是渲染引擎(浏览器内核),JS引擎(常见的V8引擎)
    渲染引擎: 用来解析 HTML与CSS。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。
    JS 引擎 也称为 JS 解释器, 用来解析网页中的JavaScript代码,对其处理后再运行。

  2. HTML基础

    超文本: 图片、音频、视频、动画、多媒体等内容,成为超文本,因为它们超出了文本的限制。

    不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件进行连接。即:超级链接文本。

HTML 不是一种编程语言,是一种描述性的标记语言。

标记语言是一套标记标签。比如:标签<a>表示超链接、标签表示图片、标签<h1>表示一级标题等等,它们都是属于 HTML 标签。

编程语言是有编译过程的,而标记语言没有编译过程,HTML标签是直接由浏览器解析执行。
HTML结构 : HTML标签通常是成对出现的(双边标记),比如 <div> 和 </div>;也有少部分单标签(单边标记),如:<br />、<hr />和<img src="images/1.jpg" />等。

属性与标记之间、各属性之间需要以空格隔开。属性值以双引号括起来。

html骨架标签分类

bash 复制代码
<html></html>	HTML标签	页面中最大的标签,我们成为根标签
<head></head>	文档的头部	注意在head标签中我们必须要设置的标签是title
<title></title>	文档的标题	让页面拥有一个属于自己的网页标题
<body></body>	文档的主体	元素包含文档的所有内容,页面内容 基本都是放到body里面的
  1. HTML标签
    文本级标签:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素,也不能放标签。(a标签里不能放a和input)
    容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
    标签属性: 标签是有属性的,长宽高,颜色下划线等,常见的属性
bash 复制代码
align="属性值":设定线条置放位置。属性值可选择:left right center。
size="2":设定线条粗细。以像素为单位,内定为2。
width="500"或width="70%":设定线条长度。可以是绝对值(单位是像素)或相对值。如果设置为相对值的话,内定为100%。
color="#0000FF":设置线条颜色。
noshade:不要阴影,即设定线条为平面显示。若没有这个属性则表明线条具阴影或立体。

div和span的介绍

div标签:可以把标签中的内容分割为独立的区块。必须单独占据一行。

span标签:和div的作用一致,但不换行。span只是文本级的标签 span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。

相关推荐
掘金安东尼6 分钟前
用 WebGL + Solid.js 构建混合材质 Shader
前端·webgl
恋猫de小郭10 分钟前
Flutter 小技巧之有趣的 UI 骨架屏框架 skeletonizer
android·前端·flutter
江城开朗的豌豆11 分钟前
玩转React Hooks
前端·javascript·react.js
阿酷tony15 分钟前
教育场景下禁用html5播放器拖动进度条的例子
前端·html·html5·在线教育场景·禁止播放器拖动
helloyaren28 分钟前
Docker Desktop里搭建Redis 8.2.1集群的保姆级教程
redis·学习·集群·cluster
前端小巷子37 分钟前
Vue3 响应式革命
前端·vue.js·面试
一狐九1 小时前
Flutter如何通过GlobalKey调用组件内的方法
前端·flutter
风和日丽 随波逐流1 小时前
java17学习笔记
笔记·学习
wyzqhhhh1 小时前
前端如何处理首屏优化问题
前端
杨荧1 小时前
基于Python的反诈知识科普平台 Python+Django+Vue.js
大数据·前端·vue.js·python·数据分析