WEB前端听课笔记——HTML基础概念

来源：互联网发布：目标软件郑州编辑：程序博客网时间：2024/06/07 01:11

一、WEB前端开发基础技术

1、HTML 是网页内容载体和架构。内容就是放在页面上想要让用户浏览的信息，包含文字、图片、视频等。

2、CSS 样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。

3、JavaScript 是网页的行为，是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单、焦点新闻的轮换。可以这么理解，有动画的，有交互的一般都是用 JavaScript 来实现的。

二、HTML 文件基本结构

<html> 
<head>...</head>
<body>...</body>
</html>
1. <html></html>称为根标签，所有的网页标签都在<html></html>中。
2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。
3. <body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>内容标签，在这里的标签中的内容会在浏览器中显示出来。

三、head 头部

<head>
<title>...</title> 
<meta>
<link> 
<style>...</style> 
<script>...</script>
</head>
<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title 标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的 title。

四、单双标签的区分

1、单标签
本身有含义
例:
<meta http-equiv="content-type" content="text/html;charset=utf-8">
！charset字符集设置,不写中文乱码。
2、双标签
使得标签内被嵌套的内容具有一定意义
例
<h1>标题一</h1>
<form action="">表单</form>
<p>段落</p>

五、注释

1、HTML 注释

<h1>用户注册</h1>

<!--注释-->

2、CSS 注释

例

span{

color: purple;/*在同一权值的情况下，后面的样式会覆盖前面的样式*/

background: #abcdef;

background: #abc;

3、JavaScript 注释
例

<script>

document.write("被选中同学的序号为：",Math.round(Math.random()*4,0)+1);

// 单行注释

/*产生随机数

(多行注释)*/

</script>

阅读全文

1 0

WEB前端听课笔记——HTML基础概念

一、WEB前端开发基础技术

二 、HTML 文件基本结构

三、head 头部

<head><title>...</title> <meta><link> <style>...</style> <script>...</script></head>

二、HTML 文件基本结构

<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>