<!DOCTYPE html> 标准模式

<meta charset='UTF-8'> 底下文本按UTF编码

从技术上,谷歌和火狐好

ctrl+/ 注释

<hn>是块级标签,独占一行、换行、上下有间隙,可变粗变大,一般用于标题

<br>换行符   也可</br>习惯用法

<p>也是块级标签、换行、上下有间隙,一般用于段子

<div>最大的特点是什么特点也没有

块级标签和内联标签

块级标签:特点:独占一行

内联标签:控制范围是文本大小

html特殊字符

&nbsp   空格字符  &lt   小于  &gt 大于  &copy   ©  &reg   ®

<!DOCTYPE html><html lang="en">
<head><meta http-equiv="content-type" charset="UTF-8" ><title>yuan</title><!--<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> --><link rel="icon" href="http://www.jd.com/favicon.ico"></head><body>
hello world hello word2
<h1>hello world</h1>
<h2>hello world</h2>
<h3>hello world</h3><h4>hello world</h4><h5>hello world</h5>
<h6>hello world</h6><h2>咏鹅</h2>
<p>鹅鹅鹅</p>
<p>曲项向天歌</p>
<p>白毛浮绿水</p>
<p>红掌拨清波</p>鹅鹅鹅</br>
曲项向天歌</br>
白毛浮绿水</br>
红掌拨清波</br><strong>飞流直下三千尺</strong>
<b>飞流直下三千尺</b>
<strike>hello </strike><em style="background-color: firebrick">斜体</em>
3<sub>2</sub>
3<sup>2</sup><hr>
<h1 style="color: green; background-color: aquamarine;height: 100px;width: 100px">hello h1</h1>
<div style="color: green; background-color: aquamarine;height: 100px;width: 50%;font-size: 40px;text-align: center">hello</div><span style="background-color: rebeccapurple">hell span</span><h2 style="background-color: rebeccapurple;">h2h2h2h2h2hh</h2><p style="background-color:yellow">ppppppp</p>块级标签&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;内联标签too&lt;hello
too&gt;hello
&copy;&reg;<dvi><p>hellp</p><div><span></span><span></span><span></span><span></span></div>
</dvi><span><a href=""></a><a href=""></a><a href=""></a><a href=""></a>
</span></body></html>

View Code

转载于:https://www.cnblogs.com/jintian/p/11037214.html

meta标签以及一些基本标签相关推荐

  1. HTML5中各种标签总结(列表标签、表格标签)

    无序列表<ul></ul> type:可以设置列表前图标的样式 type="square" 有序列表<ol></ol> type:可 ...

  2. HTML5中各种标签总结(超链接标签、锚点设置)

    一.超链接标签<a></a> 作用:实现页面的跳转功能 href:控制跳转的目标位置 target:_self:再自身页面打开(默认效果也是在自身页面打开) _blank:在空 ...

  3. HTML5中各种标签总结(多媒体标签)

    一.图片标签:<img /> src属性:引入图片的位置 本地图片 网络图片 width:设置宽度 height:设置高度 title:鼠标悬浮在图片上的时候的提示语,默认情况下(没有设置 ...

  4. Web前端开发笔记——第二章 HTML语言 第十节 画布标签、音视频标签

    目录 一.画布标签 二.音视频标签 (一)音频标签 (二)视频标签 (三)资源标签 结语 一.画布标签 <canvas> </canvas> 画布标签用于图形.字符等的绘制,它 ...

  5. 【死磕 Spring】----- IOC 之解析 bean 标签:解析自定义标签

    前面四篇文章都是分析 Bean 默认标签的解析过程,包括基本属性.六个子元素(meta.lookup-method.replaced-method.constructor-arg.property.q ...

  6. html文档主体的根标签,2 HTML简介标签嵌套和并列关系文档声明

    HTML:Hyper Text Markup Language  超文本标签语言(hyper:精力旺盛的 markup:标记 n noun) HTML不是编程语言,而是一种标记语言(就是一套标记标签) ...

  7. html页面包含头文件,Web前端技术:HTML部分---Head标签中包含的头文件标签,body标签包含的内部标签...

    1.Head标签中包含的 头文件标签的作用: (1)title标签:定义网页的标题. (2)meta标签:一般用于定义页面的特殊信息,例如页面的关键字.页面描述等 (3)link标签:用于引入外部样式 ...

  8. HTML之图片标签、音视频标签

    图片标签 图片标签<img>的作用是向网页引入一个外部图片,使用img标签来引入一个外部图片,img标签是一个自结束标签. 相关属性: src:该属性用于指定外部图片的路径,可以是互联网上 ...

  9. Html前端基础(select下拉选标签、table表格标签)

    文章目录 一.select 下拉选标签 二.table表格标签 三.练习代码 继续前两篇的Html前端基础的内容,本文主要关于 <select>下拉选标签和 <table>表格 ...

最新文章

  1. 赠送24本Spring boot+cloud套书!看完炒老板鱿鱼!
  2. 基于SSM实现在线聊天系统
  3. java 调用casperjs_Java程序去调用并执行shell脚本及问题总结(推荐)
  4. Java学习笔记——JDBC读取properties属性文件
  5. Windows登录密码轻松破解
  6. [工业互联-8]:PLD编程快速概览、PLD五种编程语言与七款常见的PLC编程软件
  7. 沧小海笔记之PCIE协议解析——第一章 PCIE概述(下)
  8. java基础练习题及答案_java基础测试题含答案.docx
  9. jTopo 功能完善
  10. related_name/related_query_name的区别
  11. 从电话网到IP互联网再到CDN
  12. Python 弹出对话输入框
  13. 商标注册过程中,如何避免字体侵权?
  14. 操作系统:文件系统——空闲块成组链接法的模拟
  15. PID算法控制的PWM调速
  16. MTK Android Driver知识大全
  17. 抗战电影中出场率很高的边三轮为什么能在软件界能混的风生水起
  18. Java 8 辣么大(lambda)表达式不慌之—–(五)示例-Collectors中的统计、分组、排序等
  19. 当我谈过年时,我该谈些什么?
  20. 王小波,《孔子》,傻大姐

热门文章

  1. 微软开源 Outlook for iOS 暗黑模式解决方案:支持 iOS 11 及更高版本
  2. 比反射更快:委托 第2部分
  3. 无法打开数据库‘mysql_MySQL数据库之MYSQL无法启动解决方法
  4. appinventor广州服务器网页,app inventor服务器
  5. notepad批量删除html元素,Notepad++几个常用删除类正则表达式汇总(收藏)
  6. 使用 file_get_contents 获取网站信息报错failed to open stream: HTTP request failed!
  7. android 7.0 自启管理,一款不错的android6.0、7.0权限管理器推荐
  8. impala的substr从第几位截到最后一位_冰雪奇缘2彩蛋:片名内含深意,艾莎是第13位公主象征着背叛...
  9. 查询、新增、修改、删除方法
  10. 请说明计算机基本术语中字节,二进制中的3位可以表示几种状态