从零开始学前端——第一天

总览:

Web的标准组成:结构,表现,行为,分别对应HTML,CSS,JS

结构:对网页元素进行整理和分类

表现:设置网页元素的版式、颜色、大小等外观样式

行为:网页模型的定义以及交互的编写

HTML

1.骨架标签:

<html>

        <head>

<title></title>

        </head>

        <body>

        </body>

  </html>

<html> </html> HTML标签 最大的标签 根标签

<head> </head>文档的头部 必须设置title

<title></title>文档的标题 页面拥有自己的标签

<body> </body>文档的主体 元素包含文档的所有内容

2.常规元素(双标签)

<标签名>内容</标签名>

空元素(单标签)

<标签名/>

标签关系:

1.嵌套关系       

        <head>

                <title></title>

        </head>

2.并列关系:

       <head></head>

        <body></body>

字符集

        <meta charset="UTF-8"/>

标签语义化

排版标签

1.标题标签h(熟记)

<h1></h1>

<h2></h2>

<h3></h3>

2.段落标签p(熟记)

3.水平线hr(认识)

<hr />

4.换行标签br(熟记)

<br />

5.div 和span标签(重点)

div标签,用来布局,一行只能放一个div

span标签,一行上可以放好多个span

文本格式化标签

<b></b>和<strong></strong>      文字以粗体方式显示

<i></i>和<em></em>                   斜行

<s></s>和<del></del>                 加删除线

<u></u>和<ins></ins>                 加下划线

图像标签ing

        <img src="图像URL"/>

属性                                             属性值                              描述

src                                                 URL                            图像的路径

alt                                                  文本                            图像不能显示时的替换文本

title                                                文本                            鼠标悬停时显示的内容

width                                             像素                             设置图像的宽度

height                                            像素                             设置图像的高度

border                                            数字                             设置图像边框的高度

链接标签

<a href="跳转目标"     target="目标窗口的弹出方式">  文本或图像 </a>

href           指定目标URL地址

target="_blank"

注释标签             <!-- 注释语句-->

        快捷键:ctrl+/  或 ctrl+shift+/

描点定位

        <a href:"#id名称">链接地址</a>

        <h3 id="id名称">目标内容</h3>

base标签

        base可以设置整体链接的打开状态

        base写到<head></head>之间

        把所有的链接都默认添加  target="_blank"

预格式化文本pre标签

标准字符

空格符                            &nbsp;

<                                     &lt;

>                                     &nbsp;

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值