• 【html】html笔记综合


    基本标签与属性

    <html>全部

    <body>主体

    <h1>标题

    <p>段落

    <br>空行,一般都会额外添加,并不总是需要自己添加,可以在<p>中使用

    <a href="url">链接

    <img src="a.jpg" width="104" height="142">图片

     <hr/>水平线

    <!注释写在里面>

    1、如果在很多网页中定义,需要用到外部样式表,调用方式是在<head>中使用<link>。

    2、如果在一个网页的多处定义,需要用到内部样式表,调用方式是在<head>中使用<style>。

    3、如果只在一处定义,需要用到内联样式,调用方式是在相关的标签中使用样式属性,属性名称是style。

    具体更加深入的应用,需要参照css。

    样式

    外部样式表的一个例子:

    <head>
    <link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
    </head>

    内部样式表的一个例子:

    <head>
    <style type="text/css">
    h1 {color: red}
    p {color: blue}
    </style>
    </head>

    链接与图像

    链接使用标签<a>,共有两种方式:

    1、使用href属性,创建一个对外的链接——指向其他文档。

    2、使用name属性,创建一个对内的链接——指向本文档的其他位置。事实上,name属性只用于创建“锚”(也就是书签),如果想链接到书签,还是要使用href属性,

    另外比较常用的属性有

    target:以何种方式打开链接,_blank表示在新窗口中打开,_self表示在当前窗口打开,如果在框架之内要跳出框架,要用到_top。

    调用例子:

    外部链接:<a href="http://www.cnblogs.com/yesuuu/" target="_blank">yesuuu的博客</a>

    内部链接:<a name='yesuuu'>这里是要链接到的位置</a>

           <a href="#yesuuu">这里是链接</a>

           如果想要链接到其他文档的锚的话,只需要用如下的语法

         <a href="url#yesuuu">这里链接到其他文档的锚。

    图片使用标签<img>,注意这是空标签,即后面没有内容,调用方式为<img blahblah />

    属性主要有

    src:图片source,url。

    alt:如果图片无法加载,替换的文本。

    align:定义图片的位置。

    width,height:定义图片的大小

  • 相关阅读:
    阅读笔记(四)——《代码整洁之道》1
    阅读笔记(一)——《需求工程——软件建模与分析》一
    数据提取
    HIVE数据清洗练习
    第八周hadoop-MapReduce
    小程序新增页面导航栏
    个人课程总结
    第十六周总结

    排序
  • 原文地址:https://www.cnblogs.com/yesuuu/p/6912658.html
Copyright © 2020-2023  润新知