html最原始的创建:
html最原始的创建是通过文本文档来创建的,可以先建立一个txt后缀的记事本,然后,在里面写上代码,代码如下
<!doctype html> --这是html 5的声明
<html> --这是html的开始
<head></head> --这是头部信息,可以在里面设置文本的格式及设置网页的title
<body></body> --这是网页的内容部分
<html> --html的结束
下面来写一个例子,效果图片我已经上传
<!doctype html>
<html>
<head><title>第一个网页</title></head>
<body>
<p>
<h1>商品信息</h1>
</p>
<h3>产品类别</h3>
<hr/>
<p>
<ul>
<li>数码
<ul>
<li>笔记本</li>
<li>手机</li>
<li>家电</li>
</ul>
</li>
<li>美容</li>
<li>服装</li>
</ul>
</p>
<hr/>
<p>联想电脑</br>
    产品型号,联想IdeaPad Y450A-TFU(NBA纪念版)</br>
    价格,4999元</br>
    所在地,北京</br>
</p>
<hr/>
<p>
<h1>购物流程</h1>
<ol>
<li>确认购买信息</li>
<li>付款到贵美</li>
<li>确认收款</li>
<li>付款给商家</li>
<li>双方评价</li>
</ol>
</p>
</body>
</html>
简单的介绍下上面的代码意思:
上面的<title>是一个标签,它是用来设置网页左上角的内容的,一般,<title>标签都定义在<head>头部标签中,<p>,<hr/>,</br>,<ul>等都是标签,具体的解释我将上传一份 编译的html帮助文件,里面有各种标签及详解,其中呢,<ul>是无序标签,<ol>是有序标签,一般页面的内容全部写在body里,这是it行业的规矩,写在头部也可以出内容,但是,这种代码不符合规矩,以后开发会很难获得认可。
网页上图片的引入:
使用<img>标签,用法:<img src="1.jpg"/> 将图片和你代码放在同一个文件夹里,这样网页上就可以显示图片。src是图片的路径,如果图片没有和代码放在一个文件夹里,就必须写绝对路径。否则会出现找不到图片的现象。