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. NGINX的IO模型详解

    普及: 用户空间与内核空间: 现在操作系统都是采用虚拟存储器,那么对32位操作系统而言,它的寻址空间(虚拟存储空间)为4G(2的32次方).操作系统的核心是内核,独立于普通的应用程序,可以访问受保护的 ...

  2. 配置iptables实现本地端口转发的方法详解

    场景假如你在用 resin 调试一个 Web 程序,需要频繁地重启 resin.这个 Web 程序需要开在 80 端口上,而 Linux 限制 1024 以下的端口必须有 root 权限才能开启.但是 ...

  3. Spring AOP(2)

  4. Multiple actions were found that match the request in Web Api

    https://stackoverflow.com/questions/14534167/multiple-actions-were-found-that-match-the-request-in-w ...

  5. 画龙点睛 之RabbitMQ 初来乍到

    消息队列解决了什么问题 1. 异步处理 2. 应用解耦 3. 流量削峰 4. 日志处理...... 安装RabbitMQ (这里的安装我只仅仅说一下linux 的安装 如果想安装windows 版 可 ...

  6. ZC_异常

    1. “Exception in thread "main" java.lang.UnsatisfiedLinkError: no JniVC6 in java.library.p ...

  7. LeetCode第[69]题(Java):Sqrt(x)

    题目:求平方根 难度:Easy 题目内容: Compute and return the square root of x, where x is guaranteed to be a non-neg ...

  8. 全国城市部分js

    var areaJson22 = { "id": "0", "name": "全国", "parentId&q ...

  9. 布置weblogic10 64位系统

    1.下载64位JDK并安装 2.java -D64 -jar wls1036_generic.jar(注意下载下来的wls1036_generic.jar文件不要解压,用此命令解压) 3.点击下一步, ...

  10. Shell 双括号概述

    1. 比较两个数的大小 #!/bin/bash ## 定义变量 a= b= ## 方法1,一个方括号,需要转义 if [ $a \> $b ];then echo "方法1:yes&q ...