HTML5+CSS3

最新推荐文章于 2023-08-24 20:02:40 发布

IDEabcd

最新推荐文章于 2023-08-24 20:02:40 发布

阅读量99

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/m0_59592657/article/details/121225019

版权

笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

基本结构(1)

<!doctype html>
    <html>       
    <head>            
    <meta charset="utf-8">          
    <title>传智播客云课堂</title>          
    </head>           
    <body>               
    <h2 aligh="center">传智播客上线了</h2>       <!--<h2>标签为双标记。aligh排列，center居中-->              
    <p aligh="center">更新时间：2015年7月28日，来源传智播客</p >               
     <hr size="2" color="#cccccc"/>        <!--<hr>是单标记，定义为一条水平线。设置水平线特定的粗细和颜色-->               
      <p>传智云课堂是<strong>传智播客</strong>传智播客在线教育平台，可以实现晚上在家学习、展现直播教学、实时互动辅导等多功能</p >      
        <!--<strong>**</strong>插入嵌套其中-->                
       </body>               
       </html>

运行结果：
在这里插入图片描述

基本结构(2)

<!DOCTYPE html>
<html>
<head>    
<meta charset="UTF-8">    
<meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="搜索内容名称" content="搜索内容值">    <title>style标记的使用</title>    
<link rel="styleesheet"type="text/css"href="style.css"/>   <!--<link 属性="属性值"/>引用外部css样式表-->    
<style type="text/css">    
    h2{color: red;}      
    p{color: rgb(7, 7, 245);}    
    </style>
    </head>
    <body>    
        <h2>设置好标题为红色字体</h2>    
        <p>设置p段落为蓝色字体</p >
      </body>
      </html>

运行结果：
在这里插入图片描述

基本结构(3)

<!DOCTYPE html>
<html>
<head>    
<meta charset="UTF-8">   
  <title>标题标记的使用,段落标记用法和对齐方式,水平线标记</title>
 </head>
 <body>    
    <h1>1级标题</h1>    
    <h2>2级标题</h2>    
    <h3>3级标题</h3>   
    <h4>4级标题</h4>    
    <h5>5级标题</h5>   
    <h6>6级标题</h6>        
  <p>"IT问答精灵"为计算机爱好者提供Java、NEP、PHP、C/C++、网页设计等<br/>方面技术问题互助湖答。</p >      <!--默认排列，<br/>后的换行-->   
   <hr/>  <!--alighn对齐方式，size粗细即大小，color颜色，width宽度-->   
       <p align="left">Java学院</p >      <!--左对齐-->   
       <hr color="red"align="left"size="5"width="600"/>     
       <p align="center">网页平面设计学院</p >    <!--居中对齐-->   
      <hr color="#0066FF"align="right"size="3"width="50%"/>            
      <p align="right">PHP学院</p >   <!--右对齐-->
   </body>
   </html>

运行结果：
在这里插入图片描述

基本结构(4)

<!DOCTYPE html>
<html>
<head>   
 <meta charset="UTF-8">   
 <title>文本格式化化标记的使用</title>    
     <p>我是正常显示的文本</p >   
     <p><b>我是使用b标记定义的加粗文本</b></p >    
     <p><strong>我是使用strong标记定义的强调文本</strong></p >   
     <p><i>我是使用i标记定义的倾斜文本</i></p >   
     <p><em>我是使用em标记定义的强调文本</em></p >      
    <p><del>我是使用del标记定义的删除线文本</del></p>    
    <p><ins>我是使用ins标记定义的下划线文本</ins></p >
     </head>
     <body>
     </body>
     </html>

运行结果：
在这里插入图片描述

IDEabcd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5+CSS3

基本结构(1)<!doctype html> <html> <head> <meta charset="utf-8"> <title>传智播客云课堂</title> </head> <body> <h2 aligh="ce
复制链接

扫一扫