前端学习Day 1

1.web的三层标准

  • 结构(html)
  • 表现(css)
  • 行为(js)

2.html是一种超文本标记(标签语言)

  • 超文本指的是超出文件限制和超出文本链接
  • 学习html主要学习html标签
  • 用html标签表示网页元素如图片标签,文字标签,链接标签
  • html标签都是用<>表示的

3.html骨架
<html></html>页面的根标签
<head></head>页面的头部标签
<title></title>页面的标题标签
<body></body>页面的主体标签
注:标签统一约定小写

4.前端编辑工具 sbmile
小技巧:!TAB或 html5 TAB 直接生成标签骨架

5.<!DOCTYPE>处于文档最前面的位置 作用是告知浏览器文档使用哪种html或Xhtml规范(团队约定:必须写上)

6.<html lang = " ">指定标签所使用语言

7.常用标签

  • 标题标签 <h> </h1>为一级标签,往下依次类推,作用:作为标题使用,根据重要性依次递减。
  • 段落标签 <p></p1>可=作用:可以将html文档分为若干段落
  • 水平线标签<hr /> (ps:这是一个单标签)作用:一条水平线
  • 换行标签<br />(ps:这是一个单标签)作用:强制换行

8.文本格式化标签

  • <b></b> <strong></strong> 加粗 后者有强调作用
  • <i></i> <em></em> 倾斜 推荐后者
  • <s></s> <del></del> 删除线 推荐后者
  • <u></u><ins></ins> 下划线,推荐后者

9.标签属性
img 标记属性

  • src URL 图像的路径
  • alt 文本 图像不能显示时的文本
  • title 文本 鼠标悬停时停放的内容
  • width 像素 设置图像的宽度
  • height 像素 设置图像的高度

链接标签属性
herf
外部链接 <a herf =" http://">文本或图像<a/>
内部链接<a herf = " .html">文本或图像<a/>
空链接 <a herf = "#">文本或图像<a/>
锚点标签 文本或图像
要跳到的链接用 # id= 名字
target
指定窗口的弹出方式 默认self,弹出_blank

注释标签

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

快捷键 Ctrl + ?
团队约定,注释写在代码上方。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值