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

html

时间:2018-10-13 21:37:20      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:意思   lan   索引   一件事   使用   结束   strong   字符   gif   

 

HTML的全称叫做Hypertext Markup Language,超文本标记语言,是网页的文件格式。网页的格式.

HTML基本骨架

 

<!DOCTYPE>  //文档申明头 。  告诉浏览器我是什么版本的的HTML文件

 

 

 

<html>  //固定写法

 

  <head>   //头部信息

 

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">   //使用meta设置字符集 

 

    <title>我是标题</title> //页面描述和关键词

  </head>

  <body>

  </body>

</html>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  

在HTML网页中,使用meta设置字符集  meta是元  初始的意思。  表示元设置 初始设置。

在HTML页面中  有两种字符集设置

 

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  和 

<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

关键词和页面描述

<meta name="keywords" content="手机,电脑,冰箱,彩电">

 

可以设置页面关键字,搜索引擎会抓取这些关键字:

 

 

 

 

HTML中标签大部分是成对出现,还有一些单标签

例如<p>哈哈哈哈<p/>

<p> 叫做起始标签

</p> 叫做结束标签

 

 

HTML页面的特点

HTML 对换行  TAB缩进   空格不明显

 

 

h标签和p标签

 

h表示header,标题的意思。一共有六个,有不同的语义。

 

h1 1级标题

 

h2 2级标题

 

h3 3级标题

 

h4 4级标题

 

h5 5级标题

 

h6 6级标题

 

p表示paragraph,段落。

 

<p>文字</p>

 

p标签一定要注意一件事,p里面只能放文字、图片、表单元素。不能放其他东西。p是一个文本级标签。

 

错误的写法:

<p>

  <h3>个人介绍</h3>

</p>

  

 

图片

在HTML中插入图片  使用img标签

<img src="123.jpg" />

img是英语image的简称,图片的意思

src是英语source的简称,资源的资源

src属性中的值,就是图片的路径。

网页中能插入的图片格式有:jpg gif png jpeg bmp

图片的宽度和高度

<img src="shishi.jpg" width="500" height="300" />

可以通过width  height 设置 宽度高度。

如果仅仅设置一个属性的值的话,另一个值将按比例缩放。

 

相对路径和绝对路径

相对路径

img 的src属性是描述图片文件在哪。

html页面出发,找到图片。这种路径的描述方式,叫做相对路径

绝对路径

所有以http://开头的路径, 或者以/开头的路径,我们都称为绝对路径。

 

html

标签:意思   lan   索引   一件事   使用   结束   strong   字符   gif   

原文地址:https://www.cnblogs.com/kun666/p/9784052.html

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