坚持学前端的1day

1.HTML基本介绍

    1.1 html-超文本标记语言-写网页的结构内容

    1.2 标签/标记/元素

        <标签名/> 单标签

        <标签开始>内容<标签结束/> 双标签

    1.3 文件后缀 .html 或.htm(老版本)

        生成基本结构:

        1)! 回车

        2)html:5 回车

    1.4浏览器

        作用:查看网页效果

        常见浏览器:谷歌 火狐 欧朋 IE 苹果

    1.5 html的属性

        语法:属性 = "属性值"

        一个标签里可以有多个属性,不区分前后顺序,空格隔开

        eg: <p align = "center" color = "red" class= "img"></p>  

            <img src="" alt="">

   

2.html标签

    2.1网页标题 h1~h6 大小逐级递减

        <!-- h$*6 从1开始 需要用几个$ h就*几 -->

        <h1></h1>

        <h2></h2>

        <h3></h3>

        <h4></h4>

        <h5></h5>

        <h6></h6>

        <h1 align="center">56456</h1>

        <!-- align调整元素内容水平对其方式  -->

        <h2 align="right">56456</h2>

    2.2段落

        <p> 段落内容</p>

    2.3换行

        <br>

    2.3水平线

        <hr>

        可设置的属性有四个:

        color:颜色;

        width:设置水平线水平方向(长度);  默认单位是px;

        size:设置水平线的垂直方向;

        align:设置水平线在页面的水平对齐方式,默认居中,取值左(left)右(right);

3.解读html 统一代码

<!-- 声明文档类型/告诉浏览器要用当前标准解析代码  浏览器模式:标准模式/混杂模式 -->

<!DOCTYPE html>

<!-- en 即 English  lang是language的缩写 即当前文档的显示语言    定义为中文时 应该是 lang = "zh-CN" -->

<html lang="en">

<head>

    <!-- charset 字符集 规定HTML文档应该用哪种字符编码 -->

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

   

</body>

</html>

第一次写 如有错误,欢迎指出改正

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值