html简单入门-创新互联-成都快上网建站

html简单入门-创新互联

编写页面使用的是html语言,具体什么是html语言自己百度。

创新互联建站秉承实现全网价值营销的理念,以专业定制企业官网,成都网站制作、成都做网站、外贸营销网站建设,小程序定制开发,网页设计制作,手机网站制作设计成都全网营销帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理,汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

网页在html中主要分为两个部分:头部(head),主体(body)

下面写一个简单页面
1.首先创建一个文本文档文件,并将其后缀.txt改为.html。名称改为HelloWorld,名称可以随便改。效果入下图(如果新建文件的名称中没有.txt,须要在系统设置显示后缀名,具体设置方法查看看https://jingyan.baidu.com/article/e52e3615804fad40c60c51af.html)html简单入门

2.右击该文件通过记事本打开编辑,填入如下代码,保存,双击文件打开,会默认使用浏览器打开

我的第一个页面

Hello World

页面打开效果如下

html简单入门

下面对代码进行解析

1.页面代码一开始都先用html开头,告诉浏览器这是一个html的页面代码

2.我们可以看到html中包含了head 和 body 两个标签。这两个标签是页面最基本的标题,head里面主要放置页面信息,例如title,其中的内容会出现在浏览器上方。

3.body中的内容会出现在页面。代码中body中包含了一个h2标签,h2标签中的内容Hello World就出现在页面当中。

除了h2这个标签,html还定义很多标签,不同的标签,显示效果不一样。下面我们看看h2 到 h7的显示效果

打开文件,编辑代码为

我的第一个页面

Hello World h2

Hello World h3

Hello World h4

Hello World h5

Hello World h6

Hello World h7

代码之间要有缩进,这样才美观
保存打开,效果如下图

html简单入门

我们可以看到,字体大小不一样了。不同的标签显示效果是不一样的。

平时我们看到的网页都是很漂亮的,有菜单之类排列的整齐美观,这就是布局问题了,具体看下一遍博文

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


文章标题:html简单入门-创新互联
文章分享:http://kswjz.com/article/gojpj.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流