HTML笔记2

1.开发网页的三种技术

Html--->负责网页的结构

Css--->站在美学的角度进行美化

JavaScript--->站在用户体验的角度设计网页的交互效果

Node.js --> JavaScript 能够前后端通吃

2. Html

2.1 html是什么?

超文本标记语言(HyperText Markup Language)

文本:txt 文本
超文本 :文本 、图片、链接、音乐、程序

标记:标签 <html> 单标签和双标签  <meta>  <html></html>

html当中,不存在编程语言的语法,而是充斥着各式各样的标签。

html运行环境:浏览器
浏览器是用来打开网页的。

在浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又
称之为 html。

<h1>hello,world</h1>

w3c  ---  万维网  兼容性处理  

html 不是一门编程语言,只是一门标记语言,类似于工具一样的东西。

htm  -->  比较老的教科书里面 文件的后缀htm
html -->  html

htm文件不完整的支持html5的语法

2.2 sublime 插件

ctrl + shift + p 输入 install  选择 install package 

在新的输入框中输入emmet  ,选择即可。

2.3 html5文档结构说明

<!DOCTYPE html> html5文档声明头 ,想要完整的使用html5语法,必须使用 文档声明头,声明当前文件是html5文件

双标签 定义html文档内容的结构 所有的html文档的内容 都需要写在这对标签内部。

头部 通常情况下,里面写的内容是对于当前网页的一些 预定义信息设置。

身体 网页 里面要显示给用户看的内容,全部写在body里面

2.4 网页预定义信息

<meta charset="UTF-8"> 设定当前网页的编码格式.meta标签是一个单标签,通过charset 属性,将其属性值设置为需要 的编码,即可为当前的网页设置编码格式。

<meta name="author" content="李白"> <meta name="keywords" content="h5培训,航哥最牛逼 ,连言约航哥...">

seo优化 百度会对收录的所有的网站有一个评分系统 评分越高,越靠前。

<title>网页标题</title>

通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码

<link rel="stylesheet" href="style.css">

引入外部的css文件

<style> /*css代码*/ </style>

<script src="01.js"></script>

引入外部的js脚本文件,需要注意的是,两个script标签中间不能存在任何内容换行都不可以

<script> // js代码 </script>

2.5 常用标签

<hr>换行分割线

<br>换行

<h1>-<h6>多级标题

<!---->注释

在html中,一些语义不是太明显的标签我们可以用来做挂件。

时间: 2024-08-06 07:30:11

HTML笔记2的相关文章

【安全牛学习笔记】

弱点扫描 ╋━━━━━━━━━━━━━━━━━━━━╋ ┃发现弱点                                ┃ ┃发现漏洞                                ┃ ┃  基于端口五福扫描结果版本信息(速度慢)┃ ┃  搜索已公开的漏洞数据库(数量大)      ┃ ┃  使用弱点扫描器实现漏洞管理            ┃ ╋━━━━━━━━━━━━━━━━━━━━╋ [email protected]:~# searchsploit Usage:

51CTO持续更新《通哥的运维笔记》

<通哥的运维笔记>将持续在51CTO网站更新,希望大家多多关注.互相学习,后期,我将会退出<通哥的运维笔记>系列视频教程,希望带给大家最大的收获,帮助大家更好的学习.进步.<通哥的运维笔记>主要从linux系统管理.虚拟化.cloudstack云平台以及网络管理之CCNA.CCNP.CCIE,等等方面深入讲解.

WPF笔记整理 - Bitmap和BitmapImage

项目中有图片处理的逻辑,因此要用到Bitmap.而WPF加载的一般都是BitmapImage.这里就需要将BitmapImage转成Bitmap 1. 图片的路径要用这样的,假设图片在project下的Images目录,文件名XXImage.png. pack://application:,,,/xxx;component/Images/XXImage.png 2. 代码: Bitmap bmp = null; var image = new BitmapImage(new Uri(this.X

java String 类 基础笔记

字符串是一个特殊的对象. 字符串一旦初始化就不可以被改变. String s = "abc";//存放于字符串常量池,产生1个对象 String s1=new String("abc");//堆内存中new创建了一个String对象,产生2个对象 String类中的equals比较字符串中的内容. 常用方法: 一:获取 1.获取字符串中字符的个数(长度):length();方法. 2.根据位置获取字符:charAt(int index); 3.根据字符获取在字符串中

vector 学习笔记

vector 使用练习: /**************************************** * File Name: vector.cpp * Author: sky0917 * Created Time: 2014年04月27日 11:07:33 ****************************************/ #include <iostream> #include <vector> using namespace std; int main

学习笔记之邮件发送篇

用脚本语言发送邮件是系统管理员必备技能 对系统定期检查或者当服务器受到攻击时生成文档和报表. 发布这些文档最快速有效的方法就是发送邮件. python中email模块使得处理邮件变得比较简单 发送邮件主要用到了smtplib和email两个模块,这里首先就两个模块进行一下简单的介绍: 本段摘录于    http://www.cnblogs.com/xiaowuyi/archive/2012/03/17/2404015.html 1.smtplib模块 smtplib.SMTP([host[, p

15.1-全栈Java笔记:Java事件模型是什么?事件控制的过程有哪几步??

应用前边两节上一章节的内容,大家可以完成一个简单的界面,但是没有任何的功能,界面完全是静态的,如果要实现具体功能的话,必须要学习事件模型. 事件模型简介及常见事件模型 对于采用了图形用户界面的程序来说,事件控制是非常重要的. 一个源(事件源)产生一个事件并把它(事件对象)送到一个或多个监听器那里,监听器只是简单地等待,直到它收到一个事件,一旦事件被接收,监听器将处理这些事件. 一个事件源必须注册监听器以便监听器可以接收关于一个特定事件的通知. 每种类型的事件都有其自己的注册方法,一般形式为: v

Java设计模式学习笔记,一:单例模式

开始学习Java的设计模式,因为做了很多年C语言,所以语言基础的学习很快,但是面向过程向面向对象的编程思想的转变还是需要耗费很多的代码量的.所有希望通过设计模式的学习,能更深入的学习. 把学习过程中的笔记,记录下来,只记干货. 第一部分:单例模式的内容 单例模式:类只能有一个实例. 类的特点:1.私有构造器:2.内部构造实例对象:3.对外提供获取唯一实例的public方法. 常见的单例模式实现有五种形式: 1.饿汉式. 2.懒汉式. 3.双重检查锁式. 4.静态内部类式. 5.枚举式. 以下分别

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle ICondu

机器学习笔记_PRML_Adaboost 算法的原理与推导

转自:http://blog.csdn.net/v_july_v/article/details/40718799 Adaboost 算法的原理与推导 1 Adaboost的原理 1.1 Adaboost是什么 AdaBoost,是英文"Adaptive Boosting"(自适应增强)的缩写,由Yoav Freund和Robert Schapire在1995年提出.它的自适应在于:前一个基本分类器分错的样本会得到加强,加权后的全体样本再次被用来训练下一个基本分类器.同时,在每一轮中加