HTML简单入门
HTML 初步学习
buchiyexiao
- HTML语法
HTML主要语法为俩种，分别为单标签语法和双标签语法：
<标签名 属性名="属性值" 属性名="属性值" 属性名="属性值".....></标签名>
<标签名 属性名="属性值" 属性名="属性值" 属性名="属性值".....>
- 标签
<html>
<head>
<title>这是一个HTML的学习小页面</title>
</head>
<body>假装这里面我写好了一个网页</body>
</html>
上面就是一个最简单的页面，HTML主要是掌握标签的应用，以下列举出一些常用的文本标签：
加粗：b（<b>内容</b>），strong（<strong>内容</strong>）
倾斜：i（<i>内容</i>），em（<em>内容</em>）
删除线：del（<del>内容</del>），s（<s>内容</s>）
下划线：u（<u>内容</u>），ins（<ins>内容<ins>）
变大：big：<big>内容</big>
变小：small：<small>内容</small>
字体：font（<font>内容</font>）属性 color颜色，size大小，face样式（诸如华文琥珀）
注释标签：<!--注释-->
以下列举出一些简单的排版所用的标签
换行：<br />
横线：<hr /> 属性 width宽度，size粗细，color颜色，align对齐，noshade无阴影
段落：p：<p></p>属性：align：对齐left，center，right
Div和span：
Div：<div></div>块标签
Span：<span></span>行内标签
注意：块可以设置宽高，行不可以设置宽高
标题标签 属性：align对齐
<h1>内容1</h1>
<h2>内容2</h2>
<h3>内容3</h3>
<h4>内容4</h4>
<h5>内容5</h5>
<h6>内容6</h6>
- 有序标签和无序标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTML学习第一弹</title>
</head>
<body>
<ol>
<li>南开大学</li>
<ol>
<li>网安学院</li>
<ol>
<li>a专业</li>
<ol>
<li>Stu a</li>
<li>Stu b</li>
</ol>
<li>b专业</li>
</ol>
<li>除了网安的其它学院</li>
</ol>
<li>天津大学</li>
</ol>
</body>
</html>
有序标签主要是ol和li的灵活运用，无序标签也就是将上文代码的ol改写成ul，ul含有属性type disc实心圆，circle空心圆，square小方块（内容前面的小标记）
- 其他标签
- 音乐标签
<EMBED scr="地址" width height></EMBED > - 图片标签
<img scr="地址" width height></img> - video标签
<video scr="地址" width height></video> - 链接标签
<a href="链接"></a>
（备注：EMBED video标签的属性值还有很多其他的，类似autoplay，type等属性，一般默认情况即可，特殊情况需赋特殊属性值）
- 音乐标签
- 地址
地址可以采用相对地址和绝对地址，我一般习惯采用绝地地址即直接"文件的全部路径"，相对地址在小范围的调动内也是操作简单，通过./和../进行"预文件操作"（简单理解，你现在就是这个页面的文件，你要去到目标文件，需要返回上级->返回上级->打开某个文件夹等等步骤）
写在最后的总结：HTML语法上手容易，就算是无编程基础的同学写几个简单的标签示例即可掌握，学习WEB的话不宜久滞于HTML
浙公网安备 33010602011771号