H5入门-xhtml+css2-第01节

<!-- 声明版本号,DOCTYPE html是html5版本 -->
<!DOCTYPE html>
<!-- 声明网页语言 en-英文 zh-中文 zh-cn中文 -->
<html lang="en">
<!-- head 网页头部信息 -->
<head>
<!-- 声明网页的编码格式 -->
<meta charset="UTF-8">
<!-- title 声明网页标题 -->
<title>html第一节</title>
<style>
/*为div标签设置CSS样式*/
/*div{
background-color: yellow;
width: 300px;
height:100px;
}*/
/*.name 获取class名为name的标签*/
.div1{
width: 500px;
height: 100px;
background-color: yellow;
}
.div2{
width: 300px;
height: 50px;
background-color: red;
}
</style>
</head>
<!-- body是网页的主体部分,该网页显示的内容部分,都写在该标签下 -->
<body>
<!-- html基础标签:
1.单标签
2.双标签
区分:看是否有内容部分,如果有,则是双标签,反之,是单标签
例如:<meta />和<title></title> -->
<!-- 1.a标签,超链接标签;作用:用来跳转网页界面 -->
<!-- href 作用:跳转的网页界面地址 -->
<a href="http://news.baidu.com/">跳转到百度首页</a>
<!-- h1 - h6 六级标题标签 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<br>
<h6>六级标题</h6>
<!-- h1 到 h4 比较常用 -->
<!-- emmet 插件 -->
<!-- h1*4 -->
<!-- <h1>屌丝</h1>
<h1>屌丝</h1>
<h1>屌丝</h1>
<h1>屌丝</h1> -->
<!-- h$*6 -->
<!-- <h1>龙</h1>
<h2>龙</h2>
<h3>龙</h3>
<h4>龙</h4>
<h5>龙</h5>
<h6>龙</h6> -->
<!-- h${晓龙}*6 -->
<!-- <h1>晓龙</h1>
<h2>晓龙</h2>
<h3>晓龙</h3>
<h4>晓龙</h4>
<h5>晓龙</h5>
<h6>晓龙</h6> -->
<!-- h${刘晓龙$}*6 -->
<!-- <h1>刘晓龙1</h1>
<h2>刘晓龙2</h2>
<h3>刘晓龙3</h3>
<h4>刘晓龙4</h4>
<h5>刘晓龙5</h5>
<h6>刘晓龙6</h6> -->
<!-- 3.p 标签,段落标签
显示内容部分 -->
<p>李白(701年-762年),字太白,号青莲居士,又号“谪仙人”,是唐代伟大的浪漫主义诗人,被后人誉为“诗仙”。与杜甫并称为“李杜”,为了与另两位诗人李商隐与杜牧即“小李杜””。与杜甫并称为“李杜”,为了与另两位诗人李商隐与杜牧即“小李杜”区别,杜甫与李白又合称“大李杜”。其人爽朗大方,爱饮酒作诗,喜交友。</p>
<!-- 4.strong 标签,加粗标签 -->
<strong>加粗</strong>
<br>
<hr>
<!-- 5.em标签 斜体字 -->
<em>斜体字</em>
<!-- 6.br 换行标签 -->
<!-- 7.br 水平分割线换行符 -->
<!-- 8.ul 无序列表,li列表项 -->
<ul>
<li>NBA</li>
<li>娱乐</li>
<li>新闻</li>
<li>图片</li>
<li>电影</li>
<li>音乐</li>
</ul>
<!-- 9.ol 有序列表 -->
<ol>
<li>NBA</li>
<li>娱乐</li>
<li>新闻</li>
<li>图片</li>
<li>电影</li>
<li>音乐</li>
</ol>
<!-- ul ol 一般与li配套使用 -->
<!-- emmet 当中 > 代表下一级标签 -->
<!-- ul>li -->
<!-- <ul>
<li></li>
</ul> -->
<!-- ul>li{刘晓龙}*4 -->
<!-- <ul>
<li>刘晓龙</li>
<li>刘晓龙</li>
<li>刘晓龙</li>
<li>刘晓龙</li>
</ul> -->
<!-- ul*3>li*4 -->
<!-- ul>li*3>a -->
<!-- <ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul> -->
<!-- ### 代表空链接 -->
<a href="###">淘宝</a>
<!-- 10.img 标签 显示图片 -->
<!-- src 图片地址 -->
<!-- 1.加载网络中图片 -->
<!-- <img src="http://b.hiphotos.baidu.com/image/h%3D300/sign=7d8cd6cb8ab1cb1321693a13ed5456da/1ad5ad6eddc451dac8efb1cfb1fd5266d01632fc.jpg" alt=""> -->
<img src="1.jpg" alt="">
<img src="imgs/2.jpg" alt="">
<img src="../3.jpg" alt="">
<img src="../images/4.jpg" alt="">
<!-- 如何获取路径:
1.如果使用的图片和当前html文件在同一级别目录下,则直接给src图片名即可;
2.如果使用的图片在当前html文件的下一级别目录中,则使用 / 获取下一级目录;
3.如果使用的图片在当前html文件的上一级别目录下,则使用 ../ 获取上一级目录; -->
<!-- 属性 alt 如果图片加载失败,则添加的提示语部分 -->
<!-- 属性 title 当将鼠标移入该图片上时,提示的文字介绍部分 -->
<img src="1.jpg" alt="美女图片加载失败" title="美女">
<!-- div 无语义标签,作用:使用来做网页布局的;分模块布局; -->
<!-- <div style="background-color:red;">网页布局</div> -->
<div class="div1">网页布局</div>
<div class="div2">你好</div>
</body>
</html>

转载于:https://www.cnblogs.com/MingLong-LXL/p/5970235.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/470011.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java怎么打增量包_eclipse实现JavaWeb应用增量打包

很多情况下&#xff0c;项目是不允许全量发布的&#xff0c;所以你得把有做修改的文件一个个挑出来&#xff0c;如果有成千上百的文件&#xff0c;你是不是要头大了? 以下方法应该可以让你得到解救!前提是你是用装有svn plugin的eclipse上做开发。第一步&#xff0c;用svn生成…

eclipse调整字体大小

window->preferences->general->appearance->colors and fonts-> 双击Text Font 就调整字体大小了转载于:https://www.cnblogs.com/H-K-Home/p/5973747.html

java 定时器框架_java定时器

java定时器什么是Java定时器&#xff1f;Java 定时器就是在给定的间隔时间执行自己的任务; Java实现定时器有以下几种:通过Timer来实现定时任务Timer 是来自 java.util.Timer指定时间执行任务/*** author spp* date 2020-10-14 09:04**/public class TimerTest {public static …

Flume之核心架构深入解析

我们一起来了解Source、Channel和Sink的全链路过程。 一、Flume架构分析 这个图中核心的组件是&#xff1a; Source&#xff0c;ChannelProcessor&#xff0c;Channel&#xff0c;Sink。他们的关系结构如下&#xff1a; Source {ChannelProcessor {Channel ch1Channel ch2……

java连接cdh集群_有一台电脑需要通过beeline的方式连接到CDHclouderahadoop集群,提示报错。...

有一台电脑需要通过beeline的方式连接到CDHclouderahadoop集群&#xff0c;提示报错。码农的苦恼2020-02-24 10:25:48目前客户端服务器已经开通了3000-60000的端口访问权限&#xff0c;请问还需要开通哪些权限。谢谢&#xff01;17/11/14 09:19:40 WARN conf.HiveConf: DEPRECA…

java中继承applet类_Java - 33 Java Applet基础

Java Applet基础applet是一种Java程序。它一般运行在支持Java的Web浏览器内。因为它有完整的Java API支持,所以applet是一个全功能的Java应用程序。如下所示是独立的Java应用程序和applet程序之间重要的不同&#xff1a;Java中applet类继承了 java.applet.Applet类Applet类没有…

zabbix 自定义探索规则发现服务器上面的kvm虚拟机和对应的网卡

安装完zabbix服务器之后 只有两个探索规则模版&#xff0c;挂载点探索和网卡探索 场景描述&#xff1a;想使用zabbix监控kvm虚拟机的网卡的流量情况&#xff0c; 获取虚拟机和网卡对应关系 虚拟机 S-1 virsh domiflist S-1 # 列出虚拟机的网卡 &#xff08;vnet*&#xff09; …

Cordova(PhoneGap) 环境搭建与基础

Cordova(PhoneGap) 创建步骤&#xff1a;官方Guide 环境准备 安装 Node.jsnodejs.org安装 gitgit-scm.com (bin目录添加到path)安装 cordova 执行命令 npm install -g cordova创建,移除项目 执行命令cordova create CordovaStudy xy.study.cordova CordovaStudy 参数&#xff1…

linux 安装mysql5.7.12_Linux系统上安装mysql5.7.12

在Linux上安装mysql环境&#xff1a;windows7虚拟机&#xff1a;Oracle VMVirtualBoxLinux: ubuntukylin-14.04.1-amd64.isomysql:5.7.12一.环境准备step1:安装虚拟机step2:修改宿主机BIOS配置&#xff0c;详细步骤见文章&#xff1a;http://blog.csdn.net/lanonola/article/de…

Swift泛型Protocol对比C#泛型Interface

本篇纯属抬杠之作&#xff0c;之前我们提到了Swift的泛型Protocol使用associatedtype关键字&#xff0c;而不是使用<Type>语法的泛型参数。这其中有什么好处呢&#xff1f; 我就这个问题搜索了一些回答&#xff0c;大体上提到两点&#xff1a; <Type>语法对Protoco…

【收集】Python 微优化

1. 第二种方式可以节省寻找result的append属性的时间, 但会降低代码可读性和可维护性 # The way were used to seeing it: result.append("hello")# But this works the same: append_result result.append append_result("hello") 2. 将Python内置的方法…

java jstack 工具_java命令之jstack工具

1.总述jstack是jvm虚拟机自带的一种堆栈分析工具&#xff0c;用于打印出给定的java进程或者core file或者远程调试服务的堆栈信息等。主要分为两个功能如下&#xff1a;a.针对活着的进程做本地的或者远程的线程的dumpb.针对core文件做线程dumpjstack命令可以快捷的定位线程出现…

最长公共子序列及其引申问题

最长公共子序列是经典的动态规划问题&#xff0c;在很多书籍和文章中都有介绍&#xff0c;这里对这一经典算法进行回顾并对两个follow up questions进行总结和分析。 1. 回顾LCS&#xff08;longest common subsequence&#xff09;解法&#xff0c;求LCS长度 典型的双序列动态…

mysql导入10g数据库_oracle10g数据库导入、导出(exp/imp、expdp/impdp)

1、oracle 10g 数据导入、导出expimpexpdp建目录与赋权&#xff1a;SQL>create directory dump_dir as /u01/dmdir;SQL>grant read&#xff0c;write on directory to test;SQL>select * from dba_directories;——查看目录实例&#xff1a;1、通过DBLINK的方式&#…

JSON.parse和JSON.stringify 参数详解

JSON.parse和JSON.stringify这两个浏览器自带&#xff08;IE6/7除外&#xff09;的方法平常我们经常用到&#xff0c;但是一般都只是用到了他们的第一个参数&#xff0c;比如字符串转对象&#xff1a;JSON.parse({}) 对象转字符串&#xff1a;JSON.stringify({}) 今天特意看了…

怎么用java实现打字功能_怎么用JAVA编写一个打字游戏

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼这个帖子是一年前发的&#xff0c;当时对Java也不是很懂&#xff0c;我看大家都对这个感兴趣&#xff0c;我把代码改了一下&#xff0c;发布出来&#xff0c;其实还有很多的地方还没有完善...&#xff0c;这个只能算一个Demo&#…

从pg_hba.conf文件谈谈postgresql的连接认证

最近一直在弄postgresql的东西&#xff0c;搭建postgresql数据库集群环境什么的。操作数据库少不得要从远程主机访问数据库环境&#xff0c;例如数据库管理员的远程管理数据库&#xff0c;远程的客户存取数据库文件。 而在postgresql中配置文件pg_hba.conf就是用来设置访问认证…

pythonfor循环列表排序_Python Day4950(for循环语句整理)

班长的图Python for循环可以遍历任何序列的项目&#xff0c;如一个列表或者一个字符串。一、Python 循环遍历列表元素1.for i in list():2.for i in enumerate(list):2.for i in range(len(list)):for i in list():for i in enumerate(list):for i in range(len(list)):二、Pyt…

Java异常处理深入理解_关于java异常处理机制的深入理解.doc

关于java异常处理机制的深入理解.doc 关于JAVA异常处理机制的深入理解1引子TRYCATCHFINALLY恐怕是大家再熟悉不过的语句了&#xff0c;而且感觉用起来也是很简单&#xff0c;逻辑上似乎也是很容易理解。不过&#xff0c;我亲自体验的“教训”告诉我&#xff0c;这个东西可不是想…

14款经典的MySQL客户端软件

1. EMS MySQL Manager强大的mysql管理工具&#xff0c;允许用户通过图形界面创建或编辑数据库对象&#xff0c;并提供通过sql语句管理用户和权限&#xff0c;通过图形界面建立sql语句&#xff0c;自动生成html格式的数据库文档&#xff0c;导入/导出数据&#xff0c;查看/编辑b…