前言:HTML5基础

网页的基本组成部分

  1. 文档类型
<!doctype html>
  1. 编码格式
<!--提示浏览器阅读文档的编码格式是UTF-8 -->
<meta charset="UTF-8">
  1. 文档内容
<html></html>
  1. 文档头部
<head></head>
  1. 文档标题
<title></title>

注:不要忽视title的重要性,很多搜索引擎都是通过搜集title的信息,从而对用户检索的结果进行匹配!

  1. 文档body体
    需要注意的是body和html是存在区别的!html代表的是整个网页,而body代表的只是网页存在的数据的部分,即如果body里面不发东西,相当于body不存在!
<body></body>

注:html的文档结构很多人是知道的,但是抛开开发工具的代码补全,又有多少人能直接写出来呢!能写出来的和不能写出来的这其实也是一种分水岭,水平的差距往往体现在细节!博主之前深有体会…细节决定成败,所以html文档结构还是很重要的。

实体

  1. 小于号
    &lt;
  1. 大于号
    &gt;
  1. 空格
    &nbsp;
  1. 右箭头
   &raquo;
  1. 左箭头
    &laquo;
  1. 叉号
   &times;

注:所有的实体书写都是在&;之间,所以很好记,实体在编写程序的过程非常重要,虽然实体的功能都可以通过css实现,但是这样写出的代码可读性不强,而且增加了代码的冗余。

基本的颜色

  1. css表达颜色的方式
	英文
	red
	
	十六进制
	#ff0000
	#f00
	
	十进制
	rgb(255,0,0)
	
	十进制
	rgba(255,0,0,)
	注:最后一个a的意思代表透明色alpha
  1. 需要记住的十六进制颜色表示
1.白色
#ffffff
2.黑色
#000000
3.红色
#ff0000
4.绿色
#00ff00
5.蓝色
#0000ff
6.青色
#00ffff
7.紫色
#ff00ff
8.黄色
#ffff00
9.灰色
#cccccc

注:a-f 变化规则:越接近f则越接近白色,0-9 变化规则:越接近0则越接近黑色

标签

  1. 单标签
    单标签可以写结束符"/",也可以不写结束符。
   <br>
   <img>
  1. 双标签
    双标签一定需要写结束符!
	<a></a>
	<p></p>
	<--!
	双标签还分别块标签和行标签:块标签诸如<label></label> <span></span>。行标签诸如<p></p> <div></div>等
	块标签:独占一行。
	行标签:只要宽度够,就会一直显示在同一行。
  1. 格式标签
	br       换行
	nobr   不换行,双标签
	center 居中
	pre    按源代码显示
	ul     无序列表
	ol     有序列表
	dl     自定义列表
	dt     自定义列表
	dd     自定义列表内容
	dr     导航线
  1. 文本标签
	1.h1-h6     加粗字体
	2.p         段落
	3.b         加粗
	4.u         下划线
	5.i         斜体
	5.font      文字

注:至于其他标签大家可以去w3school官网查看

如果你和我同样是一个young coder!
欢迎关注本人公众号Code center——春繁秋实,年年常茂。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值