您的位置：首页 > Web前端 > HTML

HTML基础入门1

2017-01-10 01:04 218 查看

HTML基础入门1

今天的学习历程

1、请求和响应

2、http协议

（1）请求报文

（2）响应报文

（3）Url的组成：协议://服务器的ip地址:端口号/请求的页面

3、HTML基本结构

（1）结构

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

（2）第一个页面

<html>
<head>
<title></title>
</head>
<body>
Hello world！
</body>
</html>

4、最基础的标签

（1）h1-h6

h1最大，h6最小

<h1>内容</h1>

（2）段落标签p

<p>内容</p>

（3）横线hr

<hr/>

（4）换行br

<br/>

（5）b(Bold),u(Underlined),i(Italic),s(Strikethrough),strong,em,del,ins

作用：

b：加粗

u: 下划线

i: 倾斜

s: 删除线

建议不要使用，因为这些标签没有语义。

作用：

strong:加粗

ins:下划线

em:倾斜

del:删除线

可以使用

<strong></strong>
<ins></ins>
<em></em>
<del></del>

（6）img

<img src="图片的路径" alt="显示不出替代文字" title="提示文字" />

（7）锚标签a

属性：target _blank:保留原始页面，再进行跳转

_self:在当前页面进行跳转

base 为页面上所有的a标签设置跳转的方式（base标签一般放在titile标签下面）

<a href="路径" target="">内容</a>

A.可以不跳转（跳转到当前页面）href=”#”

B.可以跳转到另外的页面。

C.可以在当前页面进行定位。

a.设置a标签的href属性为“#id名”，

b.在页面的指定位置加入一个目标标签（可以是任意标签）

c.必须给这个标签设置一个id名：

<p id=”mubiao”>这是目标</p>

D.在跳转的页面进行定位。

（8） Head标签

作用是用于存放：title,meta,base,style,script,link

（9） Body标签

作用是用于存放所有的html的结构标签：

p,h,a,b,u,i,s,em,del,ins,strong,ul,li,ol

（10） Title标签：

作用：让页面拥有一个属于自己的标题。

（11） meta 标签：

常用用法：

A. Description：可以描述页面，可以用来使用百度程序（网络爬虫）来收录关键信息，以此提高页面的排名。

B. Keywords：关键词，可以用来提高页。面的关健词的比重（前升排名的一种方式。）

C. 字符集（编码格式）：

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

Charset（字符集的格式）：UTF-8.

5、sublime常见快捷键

Ctrl+Shift +k ———–删除一行

Ctrl + 回车 ———–添加一行空行

Ctrl + Shift +V ——–粘贴过程中保持缩进

Ctrl + W —————关闭当前文档

Ctrl + Shift + D ———复制这行文本

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航