html基础课(1)

html有基本骨架,这个骨架能够用sublime快速生成:

骨架抽象出来:


1 <html>

2 <head>

3

4 </head>

5 <body>

6

7 </body>

8 </html>

网页的最外层的标签对儿是<html></html>标签对儿,里面有两部分,分别是head和body。

head标签中,描述网页的配置;body中的内容,才是用户可以看见的内容。

完整的骨架:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>哈哈哈</title>

</head>

<body>

8  <h1>我是一个主标题</h1>

9          <p>我是一个小段落</p>

10 </body>

11 </html>

第1行,就是网页的声明头,这行语句,千万不要背诵,谁背谁傻。术语叫做DocType Defintion,文档类型定义,简称DTD。这行语句非常的复杂,里面暗含了一个网址。W3C就是出web规范的组织机构。html、css、js的规范都是W3C定义发布的。world wide web coalition , 国际万维网联盟。网页声明头可以告诉浏览器,这是一个什么标准的页面。

第2行,是最大的html标签,所有的网页内容,都要包裹在这个标签对儿里面。

我们发现,html标签中,有两个属性:

xmlns="http://www.w3.org/1999/xhtml"   命名空间,就是一个规范;

xml:lang="en"   语言是英语

第3行,就是head标签,就是配置。

第4行,<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 字符集的配置

第5行,<title>哈哈哈</title>  网页的标题,可以显示在浏览器的标签栏中。

第7行,body标签就是网页的内容,用户能够看见。

时间: 2024-12-11 19:25:10

html基础课(1)的相关文章

php基础课视频

千锋PHP的视频录制,完全是按照他们内部上课的课程1:1录制出来的,所以你听视频跟去他们内部上课内容起码都是一样的. 这里是每个部分的单独下载地址: 基础课: 主要讲的是HTML5.CSS以及PHP非常基础的语法.当然里面也会有很多实例哦,比如一周就教你做一个完整的京东商城的页面.5周就可以实现一个完整的PHP论坛项目,采用他们自己编写的面向过程版本的框架.这个一般的视频里面是不会教你写的哦. https://pan.baidu.com/s/1o77wdbO?#list/vmode=grid&p

基础课教材推荐-操作系统

操作系统应该是一门工程性较强的专业基础课,但目前国内主要以操作系统理论为主进行讲解,少有实现方面讲解,很多CS专业学生甚至不清楚实模式.保护模式的区别,对BIOS也无甚概念.南开大学的赵炯老师以linux0.11版作为案例,详细讲解了计算机的启动过程.实模式到保护模式的跳转.进程.内存.文件系统管理的实现,尽管linux0.11现在看起来是一个简单毫无用处的操作系统,但从学习角度来说却在适合不过了.唯一遗憾的是,本书对gcc的交叉编译.linux内核镜像的制作没有讲解,但瑕不掩瑜,足够满足学习了

算法基础课相关代码模板

算法基础课相关代码模板 活动链接 -- 算法基础课 快速排序算法模板 -- 模板题 AcWing 785. 快速排序 void quick_sort(int q[], int l, int r) { if (l >= r) return; int i = l - 1, j = r + 1, x = q[l + r >> 1]; while (i < j) { do i ++ ; while (q[i] < x); do j -- ; while (q[j] > x);

Python基础课:内置函数对列表的操作

1 >>> x = list(range(10)) 2 >>> import random 3 >>> random.shuffle(x) #打乱顺序 4 >>> x 5 [2, 4, 5, 9, 3, 7, 8, 0, 6, 1] 6 >>> max(x) #返回最大值 7 9 8 >>> min(x) #返回最小值 9 0 10 >>> sum(x) #所有元素之和 11 45

一月13日 JAVA基础课

1.除余法:十进制转2进制 2.重要简写 JDK(java开发工具包),JRE(Java运行环境),SDK(软件开发工具包),JVM(Java虚拟机) 3.JAVA程序执行机制 .java .clss 虚拟机加载类,校验,编译为本地代码 操作系统 4.JDK设置环境变量 1.5以上的可以 环境变量,系统变量,PATH 值直接设置bin目录,比如D:\Program Files\Java\jdk1.6.0_21\bin 5.DOS命令行文件目录基本命令操作 cd./     当前目录 cd.. 返

一月18日 JAVA基础课 switch详细用法

switch (变量){ case 值: 代码块; break; case 值: 代码块; break; case 值: 代码块; break; default: 代码块: break; switch 检测的值只能是32位及以下的,及byte,short ,int,char.还有枚举类型,1.7后才可以String,所以开发的时候要注意版本 default 默认,也可放在前边,顺序没有强制要求,所以一般都加上break,作为很好的习惯 }

Python基础课:实现一个正方形类的加减乘除

1 class Square: 2 def __init__(self, wh): #因为是正方形, 只取一条边的长度 3 if isinstance(wh,(int,float)): 4 self.wh = wh 5 else: 6 raise TypeError 7 8 def __add__(self, other): 9 self_area = self.wh * self.wh #计算self面积 10 other_area = other.wh * other.wh #计算other

Python基础课:装饰器和闭包

#4.装饰器 #闭包 def fx(x): x += 1 def fy(y): return x*y return fy def f1(func): #print('f1 runing') def f2(y): print('f2 runing') return func(y) + 1 return f2 def gun(m): print('gun runing') return m*m #f1(gun) #fg = f1(gun) def fun(m): print('f2 runing')

Python基础课:列表方法pop(), remove(), clear()

1 >>> x = [1,2,3,4,5,6,7] 2 >>> x.pop() # 弹出并返回尾部元素 3 7 4 >>> x.pop(0) # 弹出并返回指定位置的元素 5 1 6 >>> x.clear() # 删除所有元素 7 >>> x 8 [] 9 >>> x = [1,2,2,2,3,4] 10 >>> x.remove(2) #删除首个值为2的元素 11 >&g