【HTML】-常用标记-新闻发布系统_html/css_WEB-ITnose
定义
HTML是一种超文本标记语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
元素与标签
四种基本元素:
:空元素
:带有属性的空元素
http://www.zhaohan.com:带有内容和属性的元素
例子:
运行结果:
看到运行结果与代码中写的不一样,没有了分段。这是因为:如果存在多个空白字符(空格、制表符、回车、换行等)浏览器显示时将只解析为一个空格字符,所以出现上面效果。
这就需要我们了解一些与段落控制相关的标签:
p:paragraph。#是属性值,可以为:left/center/right/justify。
:换行
:插入一条水平线,并指定颜色。
如:
HTML HTML
HTML 2.0?1995年11月
HTML 3.2?1997年1月
运行结果变为:
若想对文本做一些设计,需了解文本设置标签:
:设置字体、颜色
:粗体
:斜体
如:
情况下自定义一个文件类型描述。举例来说:运行效果:为了说明文档使用的超文本标记语言标准, 所有超文本标记语言文档应该以“文件类型声明”头,
引用一个文件类型描述或者必要
有些字符在系统中是被限制的,或有其他含义,若想输入某些特殊字符,需要引用特殊字符:
例如:牛腩新闻发布系统中:
效果:
列表
使用
- 和
- 标签创建带数字编号的列表。在
- 标签中使用start属性,设置起始的序号。在
- 标签中使用value属性,改变列表内的编号顺序。
如:
- 不受尘埃半点侵,编就两溜青篱,春居独天下,花开五瓣,我赞你,傲然,梅。
- 不为穷困而改节,蕙为无人不芳,幽香只暗持,叶立琼枝,我爱你,清秀,兰。
- 不将悬枕畔涛声,触目千林憔悴,迸笋出苍壁,高风亮节,我敬你,廉洁,竹。
- 不愿低首茎直立,卓为霜下杰出,抱枝宁自枯,罗宅残香,我顶你,高雅,菊。
效果:编号的样式也有很多种,可以通过在标签中使用type属性指定编号类型。
参考:
表格
表格包括:标题、表头、表行、单元格。
表格是通过
元素来定义的。
表头通过
来定义 标题通过
来定义 添加新行用
定义单元格用
如:
开销单 日期 项目 费用 2015-7-25 水费 50元
效果:
代码中,border是设定表格线的宽度。
超链接
如:牛腩错误页:
通过看了1集视频,对HTML有了进一步的了解,做牛腩的时候有些懵懵懂懂,现在对那些标签就清楚多了。都说牛腩新闻发布系统就像B/S的一个书签,看来真是这样,先从牛腩对各部分都有个初了解,然后在后面的学习过程中逐渐深入......
版权声明:本文为博主原创文章,未经博主允许不得转载。
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
- 标签中使用value属性,改变列表内的编号顺序。
推荐阅读
-
【HTML】-常用标记-新闻发布系统_html/css_WEB-ITnose
-
牛腩发布系统CSS盒子模型基础_html/css_WEB-ITnose
-
Java web求一个新闻发布页面_html/css_WEB-ITnose
-
有趣的CSS盒子模型--【牛腩新闻发布系统】_html/css_WEB-ITnose
-
牛腩发布系统CSS盒子模型基础_html/css_WEB-ITnose
-
有趣的CSS盒子模型--【牛腩新闻发布系统】_html/css_WEB-ITnose
-
【牛腩新闻发布系统】--CSS学习_html/css_WEB-ITnose
-
自己写了一个小小的博客系统:匆忙发布beta1.0,请求测试_html/css_WEB-ITnose
-
【HTML】-常用标记-新闻发布系统_html/css_WEB-ITnose
-
你不曾领略的CSS--【牛腩新闻发布系统】_html/css_WEB-ITnose
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论