7天学会HTML-Day01
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的更多相关文章
- 小学生都能学会的python(<lamda匿名函数,sorted(),filter(),map(),递归函数>)
小学生都能学会的python(<<lamda匿名函数,sorted(),filter(),map(),递归函数,二分法>> 1. lambda 匿名函数 lambda 参数: ...
- [C#] C# 知识回顾 - 学会处理异常
学会处理异常 你可以使用 try 块来对你觉得可能会出现异常的代码进行分区. 其中,与之关联的 catch 块可用于处理任何异常情况. 一个包含代码的 finally 块,无论 try 块中是否在运行 ...
- [C#] C# 知识回顾 - 学会使用异常
学会使用异常 在 C# 中,程序中在运行时出现的错误,会不断在程序中进行传播,这种机制称为“异常”. 异常通常由错误的代码引发,并由能够更正错误的代码进行 catch. 异常可由 .NET 的 CLR ...
- 让你从零开始学会写爬虫的5个教程(Python)
写爬虫总是非常吸引IT学习者,毕竟光听起来就很酷炫极客,我也知道很多人学完基础知识之后,第一个项目开发就是自己写一个爬虫玩玩. 其实懂了之后,写个爬虫脚本是很简单的,但是对于新手来说却并不是那么容易. ...
- 简简单单学会C#位运算
一.理解位运算 要学会位运算,首先要清楚什么是位运算?程序中的所有内容在计算机内存中都是以二进制的形式储存的(即:0或1),位运算就是直接对在内存中的二进制数的每位进行运算操作 二.理解数字进制 上面 ...
- 中国计算机学会CCF推荐国际学术会议
中国计算机学会推荐国际学术会议 (计算机系统与高性能计算) 一.A类 序号 会议简称 会议全称 出版社 网址 1 ASPLOS Architectural Support for Programmin ...
- 十五分钟学会用Hessian
了解Hessian Hessian是远程调用的一种技术,和WebService类似,但不同的是较WebService而言,它更轻量级,更简单,更快速.关于Hessian更详细全面的介绍可以查看http ...
- 七天学会ASP.NET MVC(七)——创建单页应用
系列文章 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递 七天学会ASP.NET MVC (三)— ...
- 七天学会ASP.NET MVC (六)——线程问题、异常处理、自定义URL
本节又带了一些常用的,却很难理解的问题,本节从文件上传功能的实现引出了线程使用,介绍了线程饥饿的解决方法,异常处理方法,了解RouteTable自定义路径 . 系列文章 七天学会ASP.NET MVC ...
- 七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理
系列文章 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递 七天学会ASP.NET MVC (三)— ...
随机推荐
- NGINX的IO模型详解
普及: 用户空间与内核空间: 现在操作系统都是采用虚拟存储器,那么对32位操作系统而言,它的寻址空间(虚拟存储空间)为4G(2的32次方).操作系统的核心是内核,独立于普通的应用程序,可以访问受保护的 ...
- 配置iptables实现本地端口转发的方法详解
场景假如你在用 resin 调试一个 Web 程序,需要频繁地重启 resin.这个 Web 程序需要开在 80 端口上,而 Linux 限制 1024 以下的端口必须有 root 权限才能开启.但是 ...
- Spring AOP(2)
- 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 ...
- 画龙点睛 之RabbitMQ 初来乍到
消息队列解决了什么问题 1. 异步处理 2. 应用解耦 3. 流量削峰 4. 日志处理...... 安装RabbitMQ (这里的安装我只仅仅说一下linux 的安装 如果想安装windows 版 可 ...
- ZC_异常
1. “Exception in thread "main" java.lang.UnsatisfiedLinkError: no JniVC6 in java.library.p ...
- LeetCode第[69]题(Java):Sqrt(x)
题目:求平方根 难度:Easy 题目内容: Compute and return the square root of x, where x is guaranteed to be a non-neg ...
- 全国城市部分js
var areaJson22 = { "id": "0", "name": "全国", "parentId&q ...
- 布置weblogic10 64位系统
1.下载64位JDK并安装 2.java -D64 -jar wls1036_generic.jar(注意下载下来的wls1036_generic.jar文件不要解压,用此命令解压) 3.点击下一步, ...
- Shell 双括号概述
1. 比较两个数的大小 #!/bin/bash ## 定义变量 a= b= ## 方法1,一个方括号,需要转义 if [ $a \> $b ];then echo "方法1:yes&q ...