Day1    HTML5网页前端设计

1.代码

<!--文档类型声明:
       1:告诉浏览器当前页面的语法标准
       2:浏览器按照声明的标准去渲染你的页面-->
<!DOCTYPE html>
<html lang="en"><!--html文档的开始-->
<head>
    <meta charset="UTF-8">
    <!--title用来显示在浏览器的标签栏上-->
    
<title>我的第一个网页</title>
</head>
<body><!--用来包含要在页面显示的所有内容-->
<!--1:元素  <p style="color:red;">我是一个段落</p>-->
<!--2:标签  <p></p>-->
<!--3:属性  style="color:red;"-->
<!--4:内容  我是一个段落-->
<!--标签的特点
    1:标签是成对出现的    前面的标签是开始标签,后面的标签是结束标签(闭合标签)。
    2:结束标签(闭合标签)有/-->
<p style="color:red;">我是一个段落</p><!--元素-->
<!--自闭合标签:自己没有内容要展示,通过属性就可以完成标签的配置-->
</body>
</html><!--html的结束-->

运行后图片

2.代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签分类</title>
</head>
<body>
<!--标签的分类
     1:块级标签   特点:独占一行
     2:行级标签   特点:宽度跟自己的内容等宽-->
<!--块级<h1>块级标签</h1>-->
<!--行级<span>行级标签</span>
<span>行级标签</span>-->
<h1>我是块级标签1</h1>
<h1>我是块级标签2</h1>
<span>我是行级标签1</span>
<span>我是行级标签2</span>
</body>
</html>

运行后

2.代码

<!DOCTYPE html>
<html lang="en">
<head><!--指定编码集-->
    
<meta charset="UTF-8">
    <meta name="description" content="这是我写的第一个网页">
    <meta name="keywords" content="学习">
    <!--链接外部资源-->
    
<link rel="stylesheet" href="../css/demo.css">
    <link rel="icon" href="../img/">
    <title>关键词搜索</title>
</head>
<body>
<p>学习使我快乐</p>
</body>
<script>
    function show(){
        //alert("学习使我快乐”)
    
}show();
</script>
</html>

运行后

Day1 html5相关推荐

  1. 2020年蓝旭工作室暑期前端培训班Day1——HTML5 CSS3

    HTML5新特性 前言:H5 == HTML5? HTML5是一个标准. H5: 解决方案?看起来炫酷的移动端网页解决方案 技术合集?基于html5, css3, js 基于HTML5的交互网页应用? ...

  2. HTML5+CSS——Day1

    HTML5+CSS--Day1 HTML5概述 1.什么是HTML 2.HTML5是什么 常用前端开发工具介绍 VS Code安装 web基础概述 网站的构成 页面的构成 B/S和C/S 常见互联网名 ...

  3. web前端开发html5+css3学习笔记day1

    软件分类: 系统软件:windows.linux.macOS等 应用软件:office.QQ等 游戏软件:王者荣耀.QQ飞车等 客户端与服务器 ·通常情况下,软件由两部分组成: ----客户端:用户通 ...

  4. Day1 了解web前端

    Day1  了解web前端 一.职业发展路线: 前端页面制作.前端开发.前端架构师 二.1)前端工程师主要职责:   利用HTML/CSS/JavaScript等各种Web技术进行客户端产品的开发.完 ...

  5. week9 day1 HTML简介和常用标签

    week9 day1 HTML简介和常用标签 一.前端内容介绍 二.HTML简介 2.1 HTML简介 2.2 HTML发展史 三.HTML标签与文档结构 3.1 HTML标签与文档结构 3.2 HT ...

  6. 爬虫day1 requests基本用法和网页基础

    爬虫day1 requests基本用法和网页基础 1.requests基本用法 # 1. 认识爬虫 """ 1)爬虫 - 用程序自动获取网页数据(可以让数据采集的过程变得 ...

  7. html和java开发哪个难,html5和java哪个难

    html5和java哪个难 [2021-01-30 16:36:36]  简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace("/ ...

  8. HY的Web前端周记 Day1

    HY的Web前端开发周记 Day1 引子 2021.3.04,信息管理创新实践课程开始学习.主要了解了关于HTML.CSS.JavaScript 的基本概念及其用途,并对html基础元素.属性有了一定 ...

  9. 5天学会HTML及HTML5

    目录 Day01 一.计算机基础 1.1  计算机 1.2  软件和硬件 1.3  软件 1.4  应用软件 1.5 服务端和客户端 1.6  C/S 结构和 B/S 结构 二. 代码编辑器和浏览器介 ...

最新文章

  1. C++:多线程中的小白(1)基础概念
  2. Android 改变窗口标题栏的布局
  3. 江西中医院大学计算机学院,大家好!给大家介绍一下,这是我的大学@江西中医药大学...
  4. 开源矿工README
  5. OpenGL 基础光照ColorsBasic Lighting
  6. 连接maven_Maven系列——超简单入门级教程
  7. (转)一段挺好的领导者应该记得的话
  8. 分享8个超棒的免费高质量图标搜索引擎
  9. ceph进程启动流程
  10. Ubuntu16.04安装python3.6
  11. 理查德·克莱德曼钢琴曲全集(梦中的婚礼)
  12. 关于投资人的一些事-创业杂记
  13. 加盟 XEIM 开源即时通讯软件团队
  14. 成功解决 HP1010在WIN7下打印速度慢问题
  15. 什么是供应链管理及其重要性?
  16. 隐马尔科夫模型(HMM)模型训练:Baum-Welch算法
  17. python字典合并 同key_Python 合并两个字典(Dictionary)中相同key的value的方法及示例代码...
  18. Ubuntu没有无线wifi解决办法
  19. 【设计模式】工厂系列
  20. 未来手机新前景:手机电子货币应用

热门文章

  1. 高通 android笔记本电脑,联想,高通联合推出首款搭载骁龙8cx 5G平台的5G笔记本电脑...
  2. 2021中国大数据企业50强发布,华为云大数据连续六年入选
  3. 使用python+selenium对12306车票数据读取
  4. 【Effective C++】item20: Prefer pass-by-reference-to-const to pass-by-value
  5. rpa转java_RPA机器人流程自动化的简单介绍
  6. 太空狼人杀(Among US)只能QuickChat 更改年龄限制达到可以Free To chat方法
  7. 2020年蓝桥杯模拟赛解题报告(Python真香)
  8. GIS+BIM是什么?BIM+GIS应用的八大挑战
  9. 漫画:如何盗刷别人的支付宝?
  10. ubuntu安装显卡问题