我的前端学习1

HTML标签:标签对大小写不敏感

标签:实际上代表了网页中的每一个组成部分

语法:<开始标签>标签内容</结束标签>

根标签:<HTML></HTML>

头部标签:<head></head>

内容体标签:<body></body>

 

 

HTML标签中的属性:

1.属性的位置位于开始标签或者自结束标签中

2.属性时由一对属性名和属性值构成的,中间用=连接,属性值一定要用引号引起来

3.标签名和属性之间用空格分开

4.属性不能瞎写,可以参考w3c

 

meta标签中可以加的属性:

charset:指定浏览器解析用的字符集

name:指定meta标签的描述

-description:用于描述爬虫网站爬取过来的网站消息

-keywords:用于爬虫网站检索其他网站的信息

content:指定meta标签具体描述的内容

 

 

HTML转义字符:浏览器在解析HTML页面的时候,会自动忽略前后的空格,转义字符可以保持有空格的状态

&nbsp;--空格

&gt;--大于号

&lt;--小于号

&copy;--版本

 

HTML中的标签:

<h1></h6> HTML标题

<p></p> HTML段落

 

<em></em> em:表示语气语调的一个强调

em例子:

<p>我英雄联盟玩得<em>贼好</em></p>

 

<strong></strong> strong:表示强调重点

strong例子:

<p>我英雄联盟玩得<strong>贼好</strong></p>

 

<blockquote></blockquote> HTML长引用

<q></q> HTML短引用

<a href=""></a> HTML链接,href属性中指定链接地址

<img src="图像地址"alt="该图不存在" /> HTML图像

src:指向图片的引用路径 alt:代表图片引用失败时候的提示

 

<br> HTML换行

<hr /> hr:水平分隔符

 

HTML块元素和行内元素:

块元素:(block element)

基本特点:独占一行。

例如:h1~h6,p,div....

 

行内元素:(in-line element)

基本特点:所以元素都不独占一行

例如:span,i...

 

HTML结构化标签:

header:表示网页的头部区域

main:表示网页的主体区域

footer:表示网页的底部区域

aside:表示边侧的导航区域

article:表示一个独立的文章块

section:表示一个独立的区域

 

div:没有实际含义,只用来网页布局

span:跟div类似,用来包含文字

 

 

HTML列表:

有序列表:ol作为父标签,然后嵌套在li子标签

无序列表:ul作为父标签,然后嵌套li子标签

自定义列表:dl作为根标签,dt作为描述内容,dd作为描述的具体内容

 

列表之间可以互相嵌套

 

HTML超链接:

超链接:可以用来进行页面的跳转。

a标签必须搭配href属性进行使用,然后可以再href属性中添加需要跳转到的页面

http://www.baidu.com/

href属性的值可以是外部网站的地址,也可以是内部页面的地址

例如:

<a href="https://www.baidu.com">超链接1</a>

<a href="./06.html中的标签.html">超链接2</a>

 

HTML超链接属性:

1.target属性:

blank:重新开启一个窗口进行网页跳转

self:默认值,在当前窗口进行网页的跳转

2.如果我们不想要点击超链接的时候进行跳转,我们可以通过在href属性中添加javascript:;来阻止超链接的跳转

例子:

<a href="06.html中的标签.html">超链接1</a>

<a href="06.html中的标签.html" target="_blank">超链接2</a>

<a href="06.html中的标签.html" target="_self">超链接3</a>

<a href="#p3">定位到第三段</a>

<a href="#bottom">定位到底部</a>

<p id="p3"></p>

<a id="bottom" href="#">定位到顶部</a>

 

HTML绝对路径和相对路径:

绝对路径:从磁盘出发到文件名的全部路径

相对路径:../代表当前文件夹的所属文件夹

 

HTML中的注释:如果有不想呈现给用户看的信息而只想给开发者看,我们就可以使用注释将这些信息包裹起来。注释不能嵌套

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值