码迷,mamicode.com
首页 > Web开发 > 详细

HTML标签(一)

时间:2018-09-14 17:22:27      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:信息   额外信息   新建   告诉   hyper   charm   charset   表示   img   

1、HTML概述

  html全称HyperText Mackeup Language,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。比如字体、颜色、大小等。

2、HTML颜色介绍 

  颜色表示:

  • 纯单词表示:red、green、blue、orange、gray等
  • 10进制表示:rgb(255,0,0)
  • 16进制表示:#FF0000、#0000FF、#00FF00等

3、HTML的规范

  • HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符,比如dos系统)
  • HTML的结构:
    • 声明部分:主要作用是用来告诉浏览器这个页面使用的是哪个标准。是HTML5标准。
    • head部分:将页面的一些额外信息告诉服务器。不会显示在页面上。
    • body部分:我们所写的代码必须放在此标签內。
  • 所有标记元素都要正确的嵌套,不能交叉嵌套。正确写法举例:<h1><font></font></h1>、
  • 所有的标记都必须小写。
  • 所有的标记都必须关闭
    • 双边标记:<span></span>

    • 单边标记:<br> 转成 <br /><hr> 转成 <hr />,还有<img src=“URL” />
  • 所有的属性值必须加引号。<h1 id="head"></h1>
  • 所有的属性必须有值。<input type="radio" checked="checked" />

4、HTML结构详解

新建HTML文件,输入 html:5,按tab键后,自动生成的代码如下(在PyCharm中为!+Tab):

<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>

 

HTML标签(一)

标签:信息   额外信息   新建   告诉   hyper   charm   charset   表示   img   

原文地址:https://www.cnblogs.com/shanae/p/9647396.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!