H5初步入门和相关的快捷操作

最新推荐文章于 2024-03-26 00:12:12 发布

一只头秃的死肥宅

最新推荐文章于 2024-03-26 00:12:12 发布

阅读量1.6k

点赞数

分类专栏： HTML5 文章标签： HTML5 新手

本文链接：https://blog.csdn.net/xuemoKingDeath/article/details/61198263

版权

HTML5 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<!--文档类型声明
    1：当前页面使用的语法标准
    2：浏览器按照声明标准渲染页面
    -->
<!DOCTYPE html>
<!--标记Html文档的开始和结束-->
<html lang="en">
<!--网面标题-->
<head>
    <!--描述文档类型和编码
    描述相关搜索-->
    <meta charset="UTF-8">
    <meta name="description"content="我写的第一个网页">
    <meta name="keyword"content="html,ys">
    <!--title用来显示在浏览器的标签栏上-->
    <link rel="stylesheet" href="css/ys.css">
    <link rel="icon" href="img/1.png">
    <title>我的第一个网页</title>
</head>

<body>
<img>  <!--用来包含要在页面显示的所有内容-->
<!--元素-->
<!--标签-->
<!--属性-->
<!--内容-->
<!--标签的特点：
    1.标签成对出现  前面的标签是开始的标签，后面的标签是结束的标签（叫闭合标签）
    2.闭合标签（结束标签）有/-->
    Hello World
<p style="color: red">我是一个段落</p><!--元素-->
<img src="img/4.jpg" width="200" height="200"/><!--自闭合标签，自己没有内容要展示，通过属性就可以完成标签的展示-->
<!--系统快捷键
     1.windows+d 返回桌面
     2.windows+e 快速打开电脑的资源页面-->
<!--快捷键：
       1.tab快速创建标签
       2.ctrl+d 删除所在一行
       3.ctrl+/ 快速添加注释 ctrl+shift+/ js多行注释
       4.ctrl+alt+下方向键 快速复制一行
       -->
<script>
    function show() {
        alert("jierui");

    }
</script>
</body>
</html>

以上是一般的少量的标题介绍和快捷方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用于页面布局的块</title>
</head>
<body>
<p style="font-size: 30px">商品信息</p>
<h2>产品类别</h2>
<hr>
<ul><li>数码
    <ul><li type="circle">笔记本</li></ul>
    <ul><li type="circle">手机</li></ul>
    <ul><li type="circle">家电</li></ul>
</li></ul>
<ul><li>美容</li></ul>
<ul><li>服装</li></ul>
<hr>
<h4>联想电脑</h4>
    <ul>产品型号：联想IdeaPad Y450-TFU（NBA纪念版）</ul>
    <ul>价格：4999元</ul>
    <ul>所在地：北京</ul>

<hr>
<h2>购买流程</h2>
<ol type="1" start="1">
    <li>确认购买信息</li>
    <li>付款到贵美</li>
    <li>确认收货</li>
    <li>付款到商家</li>
    <li>双方评价</li>
</ol>
</body>
</html>

一只头秃的死肥宅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5初步入门和相关的快捷操作

文档类型声明 1：当前页面使用的语法标准 2：浏览器按照声明标准渲染页面 -->html>标记Html文档的开始和结束-->html lang="en">网面标题-->head> 描述文档类型和编码描述相关搜索--> meta charset="UTF-8"> meta name="description"content="我写的
复制链接

扫一扫