真正零基础学习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.打开文件夹
3.找到dreaweaver.exe右键发送到桌面快捷方式
4.桌面打开点击接受
成都创新互联公司2013年成立,先为泗水等服务建站,泗水等地企业,进行企业商务咨询服务。为泗水企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
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.段落
——自动换行,行间距标题右对齐
7.换行
8.分割线
9.段落
10.预先格式化
...
可预先在其中编辑调整好文本格式
11.字符格式加粗
斜体
下划线
12.列表a.无序列表:没有标记序号只是有符合分开纵向排列
b.有序排列:有序号排列可以是数字,字母等
13.di标签:三国
刘备
关羽
张飞
- 三国
- 刘备
- 关羽
- 张飞
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万颗种子,盘点了世界屋脊的生物“家底”。
鹅鹅鹅,
曲项向天歌。
白毛浮绿水,
红掌拨清波。
鹅 鹅鹅,
曲项向天歌。
白毛浮绿水,
红掌拨清波。
红掌拨
三国
- 刘备
- 关羽
- 张飞
- 刘备
- 关羽
- 张飞
- 三国
- 刘备
- 关羽
- 张飞
- 西游记
- 悟空
- 八戒
曲项向天歌
效果如下图:
学习总结:很多代码需要和英语相结合记忆,更重要的是要遇到问题及时解决,多加练习才能加深记忆熟能生巧,不懂的代码应该先打出来对比观察
网站标题:真正零基础学习HTML(一)
浏览路径:http://pwwzsj.com/article/ppcdhh.html