html与css基础标签介绍

html的基本构造：

    # html根标签，一个页面中有且只有一个根标签，网页中的所有内容都应该写在html根标签中。
        # head标签，该标签中的内容，不会在网页中直接显示，它用来帮助浏览器解析页面
           # 需要告诉浏览器，网页所采用的编码字符集
        meta标签用来设置网页的一些元数据，比如网页的字符集、关键字、简介
        meta是一个自结束标签，编写一个自结束标签时，可以在开始标签中添加一个/
            # title网页的标题标签，默认会显示在浏览器的标题栏中
            搜索引擎在检索页面时，会首先检索title标签中的内容
            它是网页中对于搜索引擎来说最重要的内容，会影响到网页在搜索引擎中的排名
    
         # body标签用来设置网页的主体内容，网页中所有可见的内容，都应该在body中编写
              # 

                 
一级标题
        
一级标题
        
一级标题
        
一级标题
        
一级标题
        
一级标题
我是一个p标签，我用来表示一个段落
我是一个p标签，我用来表示一个段落

  # 换行
<   <        # 实体
>   >
空格   
版权符号    ©

xhtml的基本构造

    
        
        
    
    
        
        
        
        
        
        -->
        
        
        
        
我是一个p标签
        
        
我是一个p标签
        
        
        
        
        abc
        

        bcd
        

        efg
        
        
        
今天天气真不错
        
今天天气真不错
        
        
        
今天天气真不错
        
今天天气真不错
    

内联框架

    
        
        
    
    
        
我是demo11
        
        
    

超链接

    
        
        
    
    
        
我是demo12
        
        我是一个超链接


        
        我是一个超链接


        
        
        我是一个超链接


        
        
        
        
        
            
我是一个p标签
        
    

CSS

# 推荐格式  或者新建一个css文件写入格式。
h1{
    font-size: 100px;
    color: red;
}

块和内联

块元素(block element) HTML	标签分类明细
address	地址
blockquote	块引用
center	举中对齐块
dir	目录列表
div	常用块级容易，也是css layout的主要标签
dl	定义列表
fieldset - form	控制组
form	交互表单 （只能用来容纳其它块元素）
h1-h6	标题
hr	水平分隔线
isindex	input prompt
menu	菜单列表
noframes - frames	可选内容，（对于不支持frame的浏览器显示此区块内容
noscript	可选脚本内容（对于不支持script的浏览器显示此内容）
ol	排序表单
p	段落
pre	格式化文本
table	表格
ul	非排序列表

内联元素(inline element)	HTML标签分类明细
a	锚点
abbr	缩写
acronym	首字
b	粗体(不推荐)
bdo	bidi override
big	大字体
br	换行
cite	引用
code	计算机代码(在引用源码的时候需要)
dfn	定义字段
em	强调
font	字体设定(不推荐)
i	斜体
img	图片
input	输入框
kbd	定义键盘文本
label	表格标签
q	短引用
s	中划线(不推荐)
samp	定义范例计算机代码
select	项目选择
small	小字体文本
span	常用内联容器，定义文本内区块
strike	中划线
strong	粗体强调
sub	下标
sup	上标
textarea	多行文本输入框
tt	电传文本
u	下划线
var	定义变量

第一个网页

• 锚点
• 超链接
• 实体©；

    
        
        
        
    
          
        
            到底部
            到达歌词
            
这里是我的个人博客
            

            
等你下课
            周杰伦
            
歌曲歌词
                

                    Jay：你住的 巷子里 我租了一间公寓

                    为了想与你不期而遇

                    高中三年 我为什么 为什么不好好读书

                    没考上跟你一样的大学

                    我找了份工作 离你宿舍很近

                    当我开始学会做蛋饼 才发现你 不吃早餐

                    喔 你又擦肩而过

                    你耳机听什么 能不能告诉我

                        

                    合：躺在你学校的操场看星空

                    教室里的灯还亮着你没走

                    记得 我写给你的情书

                    都什么年代了

                    到现在我还在写着

                    总有一天总有一年会发现

                    有人默默的陪在你的身边

                    也许 我不该在你的世界

                    当你收到情书

                    也代表我已经走远

                        
                
        
        

        
友情链接：方文山|杰威尔 音乐有限公司|昆凌
            
    
        到顶部 联系我们
        ©独有版权，违法必究！
        
    

效果图

捕获1.PNG

捕获2.PNG