HTML 基本标签
HTML
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><title>Hello</title></head><body><h1>Hello World</h1></body> </html>注释
<!-- 注释内容 -->
注意： 注释不能嵌套使用
3.4 文本标签
HTML 标签
描述整个 HTML 文件，方便浏览器表示
HTML 标签内部有两个子标签：head、body
head 标签
描述整个 HTML 头部咨询信息
包括：title 标题、meta 元数据、style 样式、script 脚本、link 连接、…...
body 标签
描述网页显示的内容
所有网页中显示的内容都会写到body标签中
3.5 排版标签
p 标签： 描述段落、将HTML内容拆分成段落
- align 对其标签： left、center、right 。默认left
- br 换行标签： 将段落内容进行换行，一般写成
- hr 分割线标签： 一般写成
- hr 标签的属性：
- size: 厚度、大小。
- width：宽度、单位可以使 px 像素，也可以是% 百分率 ；默认值为 100%。
- color：颜色。
- hr 标签的属性：
3.6 div 块标签
div 块标签： 在文档中定义块，一般需要和css结合实现网页
span 标签： 在文档中定义文本块、行内块。
块级元素： 以新行为开始
行内元素： 不以新行为开始
作用：
div+css：制作网页的各式各样
span：
3.7 字体标签
font 标签： 规定文本的字体、颜色、大小等。
常用属性：
- size：字体字号大小，最大值是7；最小值是1
- face：字体。
- h1~h6：1号标题到6号标题，1号标题为最大...
3.8 语义
- i和em都是表示倾斜，i表示视觉上的倾斜；em表示强调
- b和strong都是表示加粗，b表示视觉上的加粗；strong表示强调
- u和ins都表示下划线，u表示视觉上的下划线；ins表示强调
- s和del都是表示删除线，s表示不正确的文本；del表示要删除的文本
3.9 列表标签
ul、ol、li
ul： 无序列表（Unorderde List）
属性：type：列表项目类型，disc（默认值，实心圆）、square（方块）
默认样式：
添加元素后的样式：
3.10 图片标签
img 标签： 在网页上插入图片
注意： img 是单标签
<img ser="图片路径" alt="图片代替描述文字" width=“50%” height=“50%”/>- src： 图片地址
- alt： 图片的代替文字
- width： 图片的宽度，可以用px像素或者是%百分比。
- height： 图片的高度，可以用px像素或者是%百分比。
- 可以使用 GIF 等动态图片...
3.11 连接标签
a 标签： 添加超链接，可以从当前页面跳转到指定的连接上。
属性：
- href： 链接的目的地址
- name： 锚点的名字
- target: 打开页面的方式
- _self:在当前页面打开（默认）
- _blank:在新的页面打开
3.12 表格标签
table 标签： 用于创建表格
属性：
- border： 表格的边框大小
- width： 表格的宽度，可以使用px像素或者%百分率。
- align: 对其方式 ，left（左对齐 默认）、center（居中）、right（右对齐）
- bgcolor： 设置表格的背景颜色
<table border="1" width="60%" align="center" bgcolor="aqua"><caption>人员信息表</caption><tr align="center" bgcolor="#f0f8ff"><th>姓名</th><th>性别</th><th>年龄</th></tr><tr bgcolor="#6495ed"><td>张三</td><td align="center" bgcolor="blue">男</td><td>24</td></tr><tr align="right" bgcolor="#7fffd4"><td bgcolor="#8a2be2">李四</td><td>男</td><td>18</td></tr><tr><td colspan="3">共2人</td></tr> </table>
3.13 特殊符号
转载于:https://www.cnblogs.com/xsh168/p/11377295.html
总结
- 上一篇： 杭电多校第六场-J-Ridiculous
- 下一篇： 读文件 —— WEB前端读取本地文件内容