HTML初步

关键词： B/S C/S 、服务器访问原理、标签、html特性、列表、图片

1、B/S 和C/S 架构

B/S -> browser/server  浏览器服务器架构

C/S -> client/server	客户端服务器架构

现在主流的是B/S架构，比较方便，节省成本

2、服务器访问原理

HTML(hypertext markup language)文件的组成  超文本标记语言

1. html由html、css、js组成。浏览器是翻译官，它把html文件翻译成页面

2.文件名不能是中文

3.文件存储格式:UTF-8无BOM格式

3、全架构标签

    <!--文档类型-->

	<!DOCTYPE HTML>

	<!--根标签-->

	<html>

		<head>

		<!--头部-->

		   <title>

		       <!-- title:网页标题

	            	SEO(search engine optimization)通过大量堆积关键词提高搜索排名-->

		   </title>

	    <!--告诉浏览器以指定编码显示html文件 -->

	    	<meta charset=’UTF-8’/>

		</head>

		<body>

		<!-- 主体-->

		</body>

	</html>
body属性
leftmargin   左边距

rightmargin  右边距

topmargin    上边距

bottommargin 下边距

bgcolor      背景颜色

text         文字颜色

background   背景图片，会覆盖背景颜色

link:未点击时候的超链接颜色

alink：点击的时候超链接颜色

vlink:访问过后的超链接颜色

全局属性

class、id、name、style

4、html特性

1.如果单词中间没有空格，不会换行

2.无论有多少个空格，换行都只显示一个空格

5、标签

学习标签主要记功能
格式：
对标签：<标签名 属性1=”值1”></标签名>

独立标签:<标签名 属性1= “值1”/>
规范
1.标签不区分大小写，一般小写

2.标签写的时候应该是英文半角

3.标签可以潜逃

4.标签容错行郝，一般不会出错

a.标题：

    <h1></h1>

        ...

    <h6></h6>

h1标签一个页面只要一个，否则不能提高搜索排名

b.水平分割线:

类别:独立标签

属性：

    align:对齐方式  left center  right

    width:200 绝对值  50% 百分比

c.段落：

类别：对标签

单独占一行

d.换行：

类别：独立标签

不自动换行：<nobr></nobr>

e.属性修饰：

加粗：<b></b>   <strong></strong>

斜体：<i></i> <em></em> <cite></cite>

下划线：<u></u>

中删除线：<del></del>

上标：<sup></sup>

下表：<sub></sub>

保留原来的格式：<pre></pre>

块引用：<blockquote></blockquote>

字体：<font></font>

	face 字体名称

	size 字体大小  1—7

	color 字体颜色

f.滚动文本：

类别：对标签

属性：

    loop 循环次数

    direction 方向

    scrollamount 滚动速度

g.实体引用：

作用：可以表示html特殊符号，以&开始，以;做结束

  空格

< 小于号

> 大于号

" 双引号

' 单引号

© 版权

™ 商标

<!—注释内容 -->  方便他人阅读代码，方便调试

h.列表标签

1.有序表：<ol></ol>

    属性：

        start 开始的位置，只能是数字

	    type 显示的类型  1、a、A、i、I

2.无序表：<ul></ul>

    属性：

        type（disc，square，circle）

3.自定义列表<dl></dl>

	<dt></dt>条目

	<dd></dd>内容

i.图片标签(独立标签)

<img src=’’ title=’’ border=’’ width=’’/>

相对路径

	./当前目录(html文件所在的目录)

	../当前目录的上级目录

	./images/ 当前目录下级目录

绝对路径

	本地文件系统的绝对路径

		以html所在的盘符为基准

		/ 代表盘符根目录

站点绝对路径

		/代表网站根目录

今天到此位置，html很简单，创建一个.text文件,然后将尾缀改成.html就可以直接运行看到效果啦

明日关键词：图片标签 、分桢标签、 音频/视频标签、 表格标签

7天学会HTML-Day01的更多相关文章

  1. 小学生都能学会的python(<lamda匿名函数,sorted(),filter(),map(),递归函数>)

    小学生都能学会的python(<<lamda匿名函数,sorted(),filter(),map(),递归函数,二分法>> 1. lambda 匿名函数 lambda 参数: ...

  2. [C#] C# 知识回顾 - 学会处理异常

    学会处理异常 你可以使用 try 块来对你觉得可能会出现异常的代码进行分区. 其中,与之关联的 catch 块可用于处理任何异常情况. 一个包含代码的 finally 块,无论 try 块中是否在运行 ...

  3. [C#] C# 知识回顾 - 学会使用异常

    学会使用异常 在 C# 中,程序中在运行时出现的错误,会不断在程序中进行传播,这种机制称为“异常”. 异常通常由错误的代码引发,并由能够更正错误的代码进行 catch. 异常可由 .NET 的 CLR ...

  4. 让你从零开始学会写爬虫的5个教程（Python）

    写爬虫总是非常吸引IT学习者,毕竟光听起来就很酷炫极客,我也知道很多人学完基础知识之后,第一个项目开发就是自己写一个爬虫玩玩. 其实懂了之后,写个爬虫脚本是很简单的,但是对于新手来说却并不是那么容易. ...

  5. 简简单单学会C#位运算

    一.理解位运算 要学会位运算,首先要清楚什么是位运算?程序中的所有内容在计算机内存中都是以二进制的形式储存的(即:0或1),位运算就是直接对在内存中的二进制数的每位进行运算操作 二.理解数字进制 上面 ...

  6. 中国计算机学会CCF推荐国际学术会议

    中国计算机学会推荐国际学术会议 (计算机系统与高性能计算) 一.A类 序号 会议简称 会议全称 出版社 网址 1 ASPLOS Architectural Support for Programmin ...

  7. 十五分钟学会用Hessian

    了解Hessian Hessian是远程调用的一种技术,和WebService类似,但不同的是较WebService而言,它更轻量级,更简单,更快速.关于Hessian更详细全面的介绍可以查看http ...

  8. 七天学会ASP.NET MVC（七）——创建单页应用

    系列文章 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递 七天学会ASP.NET MVC (三)— ...

  9. 七天学会ASP.NET MVC (六)——线程问题、异常处理、自定义URL

    本节又带了一些常用的,却很难理解的问题,本节从文件上传功能的实现引出了线程使用,介绍了线程饥饿的解决方法,异常处理方法,了解RouteTable自定义路径 . 系列文章 七天学会ASP.NET MVC ...

  10. 七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理

    系列文章 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递 七天学会ASP.NET MVC (三)— ...

随机推荐

  1. 异步消息postEvent更新界面

    其实就是和Qt::QueuedConnection时的信号槽一样,属于异步的. 1.新建QEvent子类 ①.头文件 #ifndef MYEVENT_H #define MYEVENT_H #incl ...

  2. CPU、内存通俗概念

    在计算机的组成结构中,有一个很重要的部分,就是存储器.存储器是用来存储程序和数据的部件,对于计算机来说,有了存储器,才有记忆功能,才能保证正常工作.存储器的种类很多,按其用途可分为主存储器和辅助存储器 ...

  3. Spring_使用 NamedParameterJdbcTemplate

    applicationContext.xml <?xml version="1.0" encoding="UTF-8"?><beans xml ...

  4. Jenkins自动打包配置

    当时也是花费了不少时间来配置Jenkins自动打包的问题,觉得还是需要记录一下. 1.安装Jenkins,这个很简单,不需要多说. 2.下载Git Plugin,Gradle Plugin,Andro ...

  5. 怎么用Python提取域名中的主域名

    从一个域名里面提取主域名,初想起来,貌似很简单,不就是数点[.]的个数吗?取最后一个点前后的字符串,那 abc.txt 是域名吗?那再加个验证,加上国家码,.com,.cn,.org结尾的才算,那这个 ...

  6. contos LAMP环境搭建

    LINUX搭建LAMP笔记 .YUM:Yum(全称为 Yellow dog Updater, Modified)是一个在Fedora和RedHat以及CentOS中的Shell前端软件包管理器.基于R ...

  7. JSP报错01

    ZC: 创建一个JSP之后,就报如下错误. 1.错误: 1.1. 2.处理: Exlipse for JEE --> Project Explorer 中选择项目 --> 右击项目名 -- ...

  8. ng2 学习笔记（二）表单及表单验证

    在上一篇文章中提到了表单,只说了表单的数据绑定,这一篇文章主要讲一下表单验证,为什么把表单单独拿出来学习,主要是因为,表单是商业应用的支柱,我们用它来执行登录.求助.下单.预订机票.安排会议,以及不计 ...

  9. 关于mongodb删除集合后磁盘空间不释放的问题

    mongodb删除集合后磁盘空间不释放,只有用db.repairDatabase()去修复才能释放. 但是在修复的过程中如果出现了非正常的mongodb的挂掉,再次启动时启动不了的,需要先修复才可以, ...

  10. request方法传入动态参数的一个"误区"

    晚上写了一个请求类,传了一个动态参数进去,实例化测试的时候,发现请求数据根本没法读到,先附上代码 import requests class MyRequests: def send_request( ...