zoukankan      html  css  js  c++  java
  • 【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:定义图片的大小

  • 相关阅读:
    Linux配置YUM源(2020最新最详细)
    Linux系统安装Tomcat9(2020最新最详细)
    Linux系统安装JDK1.8(2020最新最详细)
    框架集项目-登录账户过期,如何回到登录主页!
    C# 以管理员方式运行程序
    C#/STM32 WAV转byte WAV数据格式
    C# base64 转 byte[]
    C# 截取屏幕图像
    emWin 学习笔记 —— 用VS2017打开emWin仿真包
    STM32 时钟配置的坑
  • 原文地址:https://www.cnblogs.com/yesuuu/p/6912658.html
Copyright © 2011-2022 走看看