热门IT资讯网

真正零基础学习HTML(一)

发表于:2024-11-30 作者:热门IT资讯网编辑
编辑最后更新 2024年11月30日,HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。因此也有许多手机杂

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

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

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

标题 头标题即为

主体 内容

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

...


...


...


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

标题居中

标题左对齐

标题右对齐
7.换行

8.分割线

9.段落

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

可预先在其中编辑调整好文本格式
11.字符格式加粗
斜体
下划线
删除线
12.列表a.无序列表:没有标记序号只是有符合分开纵向排列
    空心圆在前列表
      实心圆

      b.有序排列:有序号排列可以是数字,字母等
        数字排序
          字母排序
            大写字母排序并且从B开始

            13.di标签:三国
            刘备
            关羽
            张飞

            三国

            刘备

            关羽

            张飞

            L:list T:title D:data
            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. 张飞



            三国

            刘备

            关羽

            张飞

            西游记

            悟空

            八戒


            曲项向天歌


            效果如下图:

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

            0