真正零基础学习HTML(一)-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

真正零基础学习HTML(一)

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准,开发人员可以轻松调试修改。
编译html网页可以用windows自带记事本直接编写代码,但是需要更改文件后缀,但是需要把.txt改为.html。
sublime这款软件,其优点就是比起记事本它可以自动补全代码,而且比较精简软件链接如下:
https://pan.baidu.com/s/1AHSdOSqL4OEF9-QFTdYJzQ
*初学者比较适合的一款软件应该是dreamweaver,因为初学者无非希望编写错误可以高亮,并且可以自动补齐匹配.
https://pan.baidu.com/s/1wUcnG3dJVCO5cXAORmuxrQ
软件简易教程:1.先解压文件
2.打开文件夹真正零基础学习HTML(一)
3.找到dreaweaver.exe右键发送到桌面快捷方式真正零基础学习HTML(一)
4.桌面打开点击接受真正零基础学习HTML(一)

成都创新互联公司2013年成立,先为泗水等服务建站,泗水等地企业,进行企业商务咨询服务。为泗水企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

5.进入dreamweaver后点击HTML真正零基础学习HTML(一)
6.点击代码就会自动显示基本框架了真正零基础学习HTML(一)
7.编写后快捷键ctrl+s即可保存

这里先讲一些基础标签代码:
1.html是一种超文本标记语言(hypertext makrup language)因为它可以标记标签处理文字以外的图片.动画.视频等,它是一种网页标记语言。编程语言有:c java c++ php
2.访问网页需要通过浏览器http协议向服务器发布请求,然后服务器做出响应返出网页,本地访问不需要服务器处理
3.Chrome 谷歌浏览器【推荐】
4.编写代码需要成对以防忘记
5.基本结构

标题 头标题即为
真正零基础学习HTML(一)
主体 内容

6.主体背景颜色
7.标题

...


...


...


数字越大字号越小,标题独占一行,变大变粗,自动换行

标题居中

标题左对齐

标题右对齐
7.换行

8.分割线

9.段落

——自动换行,行间距
10.预先格式化
...

可预先在其中编辑调整好文本格式
11.字符格式加粗
斜体
下划线
删除线
12.列表a.无序列表:没有标记序号只是有符合分开纵向排列
    空心圆在前列表
      实心圆
      真正零基础学习HTML(一)
      b.有序排列:有序号排列可以是数字,字母等
        数字排序
          字母排序
            大写字母排序并且从B开始
            真正零基础学习HTML(一)
            13.di标签:三国
            刘备
            关羽
            张飞

            三国

            刘备

            关羽

            张飞

            L:list T:title D:data真正零基础学习HTML(一)
            14.水平线hr:分割线




            15.字体:c:\windows\fonts
            内容字号大
            内容字号更大
            内容
            字体样式
            16.图像img标签:a.绝对路径:
            b.相对路径:.当前目录

            ..返回上一级目录

            行级标签,用来显示图片。
            重要属性有:src、title、alt、width、height、align。
            src 图片地址。
            title 鼠标悬浮在图片上的文字。
            alt 图片找不到时要替换的文字。如果图片资源使用的是外网资源,则不会显示要替换的文字。如果使用的是本网站的资源(相对路径给出),则找不到图片时会显示替换的文字,并保留图片设置的宽高结构。
            align 图片周围文字的垂直对齐情况。常用的属性值有:top(与图片的顶部对齐)、middle(与图片的中部对齐)、bottom(默认,与图片的底部对齐)。
            width 图片的宽
            height 图片的高 (宽高两个属性只用一个会自动等比缩放.)
            图片加载失败。。。
            17. 超链接标签(锚标签)
            重要属性有三个:href、target、name
            href 超链接地址:可以是Web上任意资源,包括图片,网页,样式,脚本文件等。href="#"时,表示被链接页面就是当前页面。
            target 文档打开时要显示的目标位置,属性值一般有:_blank(新窗口中打开)、_self(默认,在超链接所在的容器中打开)、_parent(在超链接的父容器中打开)、_top(整个容器中打开)、name(框架名称)。
            name 锚记名称。作用:跳转到文档的某个地方。返回首页。
            锚点

            ...


            a:id或name属性
            H.P:只能用id
            跳转网页
            百度
            锚点
            1
            内容
            19.特殊字符: 小于号&it 空格  
            20.meta标签:a.竞价排名
            b.seo搜索引擎优化


            c.refresh刷新一段时间后访问另一个网址

            d.字符集utf-8 、gbk 、gb2312
            显示中文

            附上简单的代码:



            无标题文档


            钟扬——植物学家,

            复旦大学教授

            ,在生命的最后16年,扎根青藏高原,带领团队收集4000万颗种子,盘点了世界屋脊的生物“家底”。钟扬——植物学家,复旦大学教授,在生命的最后16年,扎根青藏高原,带领团队收集4000万颗种子,盘点了世界屋脊的生物“家底”。

            钟扬——植物学家,复旦大学教授,在生命的最后16年,扎根青藏高原,带领团队收集4000万颗种子,盘点了世界屋脊的生物“家底”。钟扬——植物学家,复旦大学教授,在生命的最后16年,扎根青藏高原,带领团队收集4000万颗种子,盘点了世界屋脊的生物“家底”。


            钟扬——植物学家,复旦大学教授,在生命的最后16年,扎根青藏高原,
            带领团队收集4000万颗种子,盘点了世界屋脊的生物“家底”。钟扬——植物学家,复旦大学教授,在生命的最后16年,扎根青藏高原,带领团队收集4000万颗种子,盘点了世界屋脊的生物“家底”。

            鹅鹅鹅,

            曲项向天歌。

            白毛浮绿水,

            红掌拨清波。


            鹅 鹅鹅,
            曲项向天歌。
            白毛浮绿水,
            红掌拨清波。







            三国

            • 刘备

            • 关羽

            • 张飞



            1. 刘备

            2. 关羽

            3. 张飞



            三国

            刘备

            关羽

            张飞

            西游记

            悟空

            八戒


            曲项向天歌


            效果如下图:真正零基础学习HTML(一)

            学习总结:很多代码需要和英语相结合记忆,更重要的是要遇到问题及时解决,多加练习才能加深记忆熟能生巧,不懂的代码应该先打出来对比观察


            分享文章:真正零基础学习HTML(一)
            网址分享:http://kswsj.cn/article/ppcdhh.html