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

初始:HTML

时间:2017-08-27 17:10:43      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:type   设置   set   字体样式   相关   格式   log   sof   特殊符号   

html的基本结构分为两个部分:头部和主体部分。如下:

<html>

 <head>

  <title>我的第一次网页</title>                    <!--头部部分-->

<body>                                 <!--主体部分>

      我的网页      

</body>

</html>

,网页的基本信息。

1.DOCTYPE声明:约束HTML文档结构,检查是否符合相关Wed标准,同时告诉浏览器,

  使用那种规范来解释这个文档中的代码,声明必须位于HTML文档的第一行。

  <!DOCTYPE  html>

2.<title>标签

头部标签:<title>搜狐-中国最大的门户网站</title>

3.<meta>标签

文档内容类型:<meta charset="UTF-8"/>

属性:charset表示字符集编码,常用于编码有以下几种

gb2312:简体中文,包含中文和英文的页面

ISO-885901:英文,一般用于英文

big5:繁体,一般用于繁体

UTF-8:国际通用的字符编码,同时适应与中文和英文页面

,网页的基本标签

1.标题标签:

<!DOCTYPS html>
<html>
<head lang="en">
    <meta charset="UTF-8">
 <title>标题</title>
<body>
<h1>一级</h1>

<h2>二级</h2>

<h3>三级</h3>

<h4>四级</h4>

<h5>五级</h5>

<h6>六级</h6>

</body>
</html>

段落,换行,水平线标签。

段落:<p></p>,换行<br/>,水平线<hr/>

字体样式标签

<strong></strong>:加粗标签,<em></em>:倾斜标签

注释和特殊符号:

注释:<!--注释内容-->,

特殊符号:空格:&nbsp;大于号:&gt;小于号:&lt;引号:&quot;版权号:&copy;

 

图像标签。

常见的图像格式: JPG格式,GIF格式,BMP格式,PNG格式,

图像标签的基本语法:

<img src="图像地址" alt="图像代替的文字" title="鼠标悬停显示文字" width="图片宽度" height="图片高度"/>

超链接:语法

<a hraf="链接地址" target="目标窗口位置" >链接文本或图像</a>

页面间的链接:

锚链接:<a name="marker">目标位置乙</a>

设置甲链接路径href属性值为 "#标记名" 

<a href="#marker">当前位置甲</a>

 

初始:HTML

标签:type   设置   set   字体样式   相关   格式   log   sof   特殊符号   

原文地址:http://www.cnblogs.com/matianpeng/p/7440594.html

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