HTML入门1
Posted Jessica巨人
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML入门1相关的知识，希望对你有一定的参考价值。
下载个Notepad++编辑。
啥是HTML
网页基本结构
<html>
<head><title></title></head>
<body></body>
</html>
1.设置文档类型
表示遵循HTML的语法
<!DOCTYPE html>
2.网页编码规定
防止乱码
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta charset="UTF-8">
3.创建第一个网页文件
创建个文本文档后缀改为html/htm。
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><!--网页编码声明，直接指定浏览器的编码不让他有生成乱码的机会-->
<meta charset="UTF-8">
<html>
<head>
<title>百度一下，你就知道</title>
</head>
<body>
<!-- html根标记（开始标记和结束标记）
基本语法-成对出现的标签，不同标签不同功能,成对嵌套
HTML不区分大小写
网页根本不需要破译的，直接就可以看到-->
单个标签<hr/>就是一根线
语法比较随意，尽量规范写
</body>
</html>
4.注释
<!--haha-->
5.标题标签
<h1>我的奋斗</h1>
<h2>我的奋斗</h2>
<h3>我的奋斗</h3>
<h4>我的奋斗</h4>
<h5>我的奋斗</h5>
<h6>我的奋斗</h6>
6.段落标签和属性、预格式标签
<p>fargargagr</p>
<p>asgrahgathyastrhyatyary</p>atyhtrzhgvdxtrgrztgsrtsrtgrtgtgrrtgstrtrtrygtrshy
<!-- 段落属性语法<p name="value">fargargagr</p> -->
<p align="left">fargargagr</p>
<p align="right">fargargagr</p>
<p align="center">fargargagr</p>
<p align="justify">fargargzhgvdxtrgrztgsrtsrtgrtgtgrrtgstrtrtrygtrzhgvdxtrgrztgsrtsrtgrtgtgrrtgstrtrtrygtrzhgvdxtrgrztgsrtsrtgrtgtgrrtgstrtrtrygtragr</p>
<p align="justify">fargargzhgvdxtrgrztgsrtsrtgrtgtgrrtgstrtrtrygtrzhgvdxtrgrztgsrtsrtgrtgtgrrtgstrtrtrygtrzhgvdxtrgrztgsrtsrtgrtgtgrrtgstrtrtrygtragr</p>
<p align="center-left">fargargagr</p>
<!--预格式标签：编辑器里什么格式就显示什么格式 -->
<pre>atyhtrzhgvdxtrgr
ztgsrtsrtgrtgtgrrtgstrt
rtrygtrshy</pre>
7.字体标签
<!--字体标签-->
<p><font color="red">asgrahgathyastrhyatyary</font></p>
<p><font color="#fff000" size=1>哈哈哈哈哈哈哈哈耶耶耶</font></p>
<p><font color="#ffff00" size=7 face="隶书">哈哈哈哈哈哈哈哈耶耶耶</font></p>
8.修饰标签
加粗 斜体 下标 上标
<!--修饰标签 -->
<b>何故</b>
<font color="grad" face="宋体"><strong>何故</strong></font>
<i>何故</i>
3<sub>2</sub>
2<sup>2</sup>
9.加载图片
<img/>
跟文字对齐<img src="guidao.jpg" align="top" width=""/>
以上是关于HTML入门1的主要内容，如果未能解决你的问题，请参考以下文章
Cg入门16：Fragment shader - 片段级光照