博客园

HTML_01_基础标签格式

html :hyper text markup language 是一种标准 ——W3C

超文本：是在文本的基础上添加的更多的媒体资源 图片 声音
标签：每个标签都一定的表现形式 有一定的意义

标签分类：
双标签

由开始标签和结束标签 内容放到开始标签和结束标签之间

<标签 属性名字=“ 属性值”>————————</标签> //属性可以类比做描述为一个人的特征

例如<div></div> <li></li>

单标签 只有开始标签没有结束标签 没有内容
语法：<标签 属性名字=“ 属性值”>
例如 <link /><img /><br/>< meta/>

html的基本骨架

<html>

<head>
<title>内容</title>
</head>

<body>
</body>

</html>

html的结构说明

<html>是用来告诉网页用什么格式来解析
<head>告诉浏览器用什么字符集来解析
gb2312简体中文（又名字 ANSI 汉字默认是此格式）gbk国标码 utf_8多国码

<title> 主要辨认搜索引擎的抓取
<body>网站的内容 大部分的信息都放在里面

用tab键可以缩进

html的 书写规范
不区分大小写 但是建议小写
html 如果标签 不嵌套 不能交叉
单标签要闭合
属性值要用双引号

HTML的文本格式
font的文本格式 改变的是文本的字体大小与颜色
<font></font>
属性值有
color =“red”；修改颜色。
size=“5” 以号为单位。
face=“隶书”；修改字体。
注释 <!-- -->
<b></b>加粗
<strong></strong>加粗
<i></i>斜体
<em></em>加强语气 倾斜
<u></u>下划线
<ins></ins>插入的是文本
<sup></sup>上标
<sub></sub>下标
<h2 align="center"></h2>
<pre></pre>保留原有的格式

html 段落的标签
<p></p>
属性 align ="center right left"
<h1></h1>
<h2></h2>

..........................
<h6></h6>
div：块标签 是网站的使用的标签最多的标签之一
span 也是使用的做多的标签 行内标签

块标签 h1 p div

行内标签 em span i u

注意
一般情况是块标签 包括行内标签


列表
无序列表

<ul type ="circle">
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
ul 属性
type类型 设置前面的样式 circle disc默认 square none



有序列表

<ol>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ol>


自定义列表

<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>

特殊字符

&nbsp; ：空格字符一个字符 有一个汉字 占两个字符
&copy;：版权信息;<font face="Arial">&copy</font>
&lt &gt < >
&yen; ￥










posted @ 2016-10-22 09:17  孙中明  阅读(121)  评论(0)  编辑  收藏  举报