zoukankan      html  css  js  c++  java
  • lesson-3 文本标记

    lesson-3 文本标记

    文字内容

    添加文字

    直接在body标签里写即可。

    标题字

    语法:

    <h1 align="left|right|center">标题文字</h1>
    

    一共有六级,默认全部加粗。最小标题字号尾12px,向上依次增加2px。

    align用来水平对齐方式(默认为left)。还有一个justify两端对齐,现在已经不用了。

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<h1>一级标题</h1>
    		<h2>二级标题</h2>
    		<h3>三级标题</h3>
    		<h4>四级标题</h4>
    		<h5>五级标题</h5>
    	</body>
    </html>
    

    效果:

    mark

    标签有块级标记(自己占一行)和行内标记(有空位就会在同一行显示)。

    h标签属于块标记。

    空格

    注:两个空格的宽度为一个汉字。

    几个重要特殊字符:

    mark

    注释

    语法:

    <!--注释内容-->
    

    文字样式

    用<font>标记。可以设置字体字号和颜色。

    基本语法:

    <font face="" size="" color="">...</font> 
    - face 字体 
    - size 大小 1-7 默认为3 --- 16像素(不是按像素来度量)
    - color 颜色 支持单词和16进制的写法
    

    标记嵌套规则:块级标记可以嵌套行内标记也可以嵌套块级标记,而行内标记只能嵌套行内标记不能嵌

    套块级标记(其实是为了之后引入css时容易控制)。

    eg:<h>标记可以嵌套<font>标记,但<font>不能嵌套<h>标记。

    就近原则:嵌套时如果发生样式冲突,谁离得近谁生效。

    文字修饰

    这组都是行内样式,且没有属性。

    • 加粗

      语法:

      <b>...</b> 或<strong>...</strong> (
      
      属于语义化标记,h5新增的) 什么事语义化?
      
      有助于提升网站对访客的易用性。 
      有助于设备对html的读取,对搜索引擎的友好的,可以让其更容易去识别到页面里的内容。
      
    • 倾斜

      语法:

      <i>...</i> 
      或<em>...</em>(语义化的标记)
      
    • 下划线(underline)

      <u>...</u>
      
    • 删除线

      <del>...</del>
      
    • 上标、下标

      <sup> ...</sup> 上标 
      <sub> ...</sub> 下标
      
    • 地址(块级标记)

      <address>...</address> (里面是斜体)
      

    总结

    mark

  • 相关阅读:
    Spring 源代码阅读之声明式事务
    Spring+Hibernate实现动态SessionFactory切换
    Servlet 启动顺序
    更改Request Parameters中的值
    在web.xml中配置404错误拦截
    Eclipse Debug Daemon Thread
    Eclipse validation
    零拷贝技术_转载
    Java Properties
    shiro框架中调用service失败(也就是bean注入失败)
  • 原文地址:https://www.cnblogs.com/wind-zhou/p/13949774.html
Copyright © 2011-2022 走看看