HTML 初步学习
HTML
- 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