Day1 html5
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相关推荐
- 2020年蓝旭工作室暑期前端培训班Day1——HTML5 CSS3
HTML5新特性 前言:H5 == HTML5? HTML5是一个标准. H5: 解决方案?看起来炫酷的移动端网页解决方案 技术合集?基于html5, css3, js 基于HTML5的交互网页应用? ...
- HTML5+CSS——Day1
HTML5+CSS--Day1 HTML5概述 1.什么是HTML 2.HTML5是什么 常用前端开发工具介绍 VS Code安装 web基础概述 网站的构成 页面的构成 B/S和C/S 常见互联网名 ...
- web前端开发html5+css3学习笔记day1
软件分类: 系统软件:windows.linux.macOS等 应用软件:office.QQ等 游戏软件:王者荣耀.QQ飞车等 客户端与服务器 ·通常情况下,软件由两部分组成: ----客户端:用户通 ...
- Day1 了解web前端
Day1 了解web前端 一.职业发展路线: 前端页面制作.前端开发.前端架构师 二.1)前端工程师主要职责: 利用HTML/CSS/JavaScript等各种Web技术进行客户端产品的开发.完 ...
- week9 day1 HTML简介和常用标签
week9 day1 HTML简介和常用标签 一.前端内容介绍 二.HTML简介 2.1 HTML简介 2.2 HTML发展史 三.HTML标签与文档结构 3.1 HTML标签与文档结构 3.2 HT ...
- 爬虫day1 requests基本用法和网页基础
爬虫day1 requests基本用法和网页基础 1.requests基本用法 # 1. 认识爬虫 """ 1)爬虫 - 用程序自动获取网页数据(可以让数据采集的过程变得 ...
- html和java开发哪个难,html5和java哪个难
html5和java哪个难 [2021-01-30 16:36:36] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace("/ ...
- HY的Web前端周记 Day1
HY的Web前端开发周记 Day1 引子 2021.3.04,信息管理创新实践课程开始学习.主要了解了关于HTML.CSS.JavaScript 的基本概念及其用途,并对html基础元素.属性有了一定 ...
- 5天学会HTML及HTML5
目录 Day01 一.计算机基础 1.1 计算机 1.2 软件和硬件 1.3 软件 1.4 应用软件 1.5 服务端和客户端 1.6 C/S 结构和 B/S 结构 二. 代码编辑器和浏览器介 ...
最新文章
- C++:多线程中的小白(1)基础概念
- Android 改变窗口标题栏的布局
- 江西中医院大学计算机学院,大家好!给大家介绍一下,这是我的大学@江西中医药大学...
- 开源矿工README
- OpenGL 基础光照ColorsBasic Lighting
- 连接maven_Maven系列——超简单入门级教程
- (转)一段挺好的领导者应该记得的话
- 分享8个超棒的免费高质量图标搜索引擎
- ceph进程启动流程
- Ubuntu16.04安装python3.6
- 理查德·克莱德曼钢琴曲全集(梦中的婚礼)
- 关于投资人的一些事-创业杂记
- 加盟 XEIM 开源即时通讯软件团队
- 成功解决 HP1010在WIN7下打印速度慢问题
- 什么是供应链管理及其重要性?
- 隐马尔科夫模型(HMM)模型训练:Baum-Welch算法
- python字典合并 同key_Python 合并两个字典(Dictionary)中相同key的value的方法及示例代码...
- Ubuntu没有无线wifi解决办法
- 【设计模式】工厂系列
- 未来手机新前景:手机电子货币应用
热门文章
- 高通 android笔记本电脑,联想,高通联合推出首款搭载骁龙8cx 5G平台的5G笔记本电脑...
- 2021中国大数据企业50强发布,华为云大数据连续六年入选
- 使用python+selenium对12306车票数据读取
- 【Effective C++】item20: Prefer pass-by-reference-to-const to pass-by-value
- rpa转java_RPA机器人流程自动化的简单介绍
- 太空狼人杀(Among US)只能QuickChat 更改年龄限制达到可以Free To chat方法
- 2020年蓝桥杯模拟赛解题报告(Python真香)
- GIS+BIM是什么?BIM+GIS应用的八大挑战
- 漫画:如何盗刷别人的支付宝?
- ubuntu安装显卡问题