zoukankan      html  css  js  c++  java
  • 前端入门--html基础教程

    <a href="www.baidu.com"> baidu </a>

    这个链接里面是跳转后会转接到的位置,baidu是显示在超链接上面的字。

    <img src="a.jpg" width="123" height="234"/>

    图像是img,这个不是两个标签,后面自己带个反斜杠,注意一下

    src是固定的,别忘了写,另外a.jpg需要在同一个路径下面

    注意width和height后面的属性都是用""包起来的

    HTML文档是由嵌套的HTML元素组成的 一个<p>balabala</p>是一个元素,外面嵌套<body></body>是元素,最外面的<html></html>也是元素

     <br/>的意思代表的是换行,这种里面没有东西的被称作为空元素,实际上,空元素也建议关闭。写做<br/>更加合理。[空元素在开始标签中关闭]

    另外所有的标签都小写

    HTML标签可以拥有属性,属性以名称,值对的形式出现,有双引号 eg:name="value",属性是在开始标签中定义的(像是a这种有开始结束的就是在开始,img这种没有的,就是在自己)

    a href里面的链接也是属性的一种哦

    <h1 align="center"> titleaaa </h1>这个是居中,p也可以用(title本身好像是关键词 暂时不确定)(注意不要直接使用center标签)

    <body bgcolor="yellow"> 这个是设置背景颜色的,在p里面用不好用,body用

    注意bgcolor只能定义背景颜色,但是background系列可以定义很多,其中background-colo也是定义背景颜色

    注意,如果属性值的文字部分本身是带有双引号的,那么外层只能添加单引号

    标题的前后会自动添加空行,块级元素前后都会自动添加空行(标题,段落都是块级元素)

    标题会被搜索引擎用来编制索引。不可以随便使用

    <hr/>是画水平线,用于分割内容

    <!--balabala-->这个是注释,!----是必须要有的,!紧贴着感叹号

     多行注释

    <!--

    balabala

    -->

    注释内容不会被显示在浏览器中,只是为了增强代码的可读性(另外那个横线是在中间的,只是在cnblogs里面显示成了这个样子)

     虽然<p></p>会换行,但是正常换行还是<br/>不应该用段落

    换行是可以插入在段落之间的,比如说<p>段落和段落之间<br/>有换行</p>

    在浏览器解析HTML的过程中,所有的多个空行或者空格都会被解释成一个空格,(注意空行也是哦)

    而如果是<p>   aaa</p>,那么前面连一个空格都不会保留

    在html中使用style来改变属性,这个涉及到了一点css的知识点

    在使用style的时候前后一起塞进双引号里面,如果是多个属性也一并塞进同一个里面,中间用分号隔开,如果真的遇到里面还需要加的,加单引号

    <body style="background-color:yellow">

    <p style="font-family:times;color:red">

    注意是冒号,style后面才是等号

    如果要具体制定,就会设计里层再套,那种字体后面连着三个段,暂时不知道是什么,回头看CSS补上

    background-color在p和h里面都能用,bgcolor不能用,另外bgcolor是被淘汰掉的,尽量去使用style

    align也是被淘汰掉的方法,使用style里面的 text-align:center

    今天看到样式结束,明天开始看格式化

    时间才能证明一切,选好了就尽力去做吧!
  • 相关阅读:
    express和koa,node.js的框架的区别——英文版
    深入javascript系列
    命名函数表达式相关
    闭包与作用域链,思考题目
    iOS开发之身份证号码校验
    iOS8中使用CoreLocation定位[转]
    iOS开发之应用内检测手机锁屏,解锁状态
    iOS8设置应用图标红点的权限问题
    删除已经配置的类库和移除CocoaPods[转]
    如何在Xcode6中添加空模板
  • 原文地址:https://www.cnblogs.com/tingxilin/p/11552746.html
Copyright © 2011-2022 走看看